ExtJS元素到组件

Question

ExtJS元素到组件

我想从DOM选择器中检索一个ExtJS元素(div),并将其转换为ExtJS组件(面板).我该怎么做呢？谢谢.

Answer 1

您想使用contentEl配置.它将div中的内容放入面板中.

<html>
  <head>
    <link rel="stylesheet" href="ext-3.1.1/resources/css/ext-all.css" />
    <script src="ext-3.1.1/adapter/ext/ext-base.js"></script>
    <script src="ext-3.1.1/ext-all-debug.js"></script>
    <script>
      Ext.BLANK_IMAGE_URL = 'ext-3.1.1/resources/images/default/s.gif';
      Ext.onReady(function(){
        var viewport = new Ext.Viewport({
          items: [{
            title: 'About Us',
            width: 200,
            height: 200,
            contentEl: 'about_us'
          }]
        });
      });
    </script>
  </head>
  <body>
    <div id="about_us">We are a great team to work with!</div>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

div面板内的div内容

需要明确的是,这只是将元素的innerHTML用作新面板的主体内容 - 而不是将元素"转换"为Panel组件.实际上,您可以使用`applyToMarkup`方法将有效标记转换为Panel组件,这是不同的.仅供参考. (2认同)

归档时间：	16 年，2 月前
查看次数：	4960 次
最近记录：	16 年，2 月前