ExtJS元素到组件

我想从DOM选择器中获取一个ExtJS元素（div），并将其转换为ExtJS组件（一个面板）。我怎么能这样做呢？谢谢。ExtJS元素到组件

2010-04-08 needhelp

您想使用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>

div content inside a panel

来源

2010-04-08 04:29:37

这是正是我需要的。谢谢！ – needhelp 2010-04-08 04:38:51

为了清楚起见，这只是使用元素的innerHTML作为新面板的主体内容 - 不是将元素“转换”为面板组件。实际上，您可以使用'applyToMarkup'方法将有效标记转换为Panel组件，这与方法不同。仅供参考。 – 2010-04-08 14:28:54

这也是很好的知道。谢谢！ – needhelp 2010-04-09 04:07:51

ExtJS元素到组件

回答

相关问题