Extjs 如何将第三方组件添加到Ext.Tabpanel中？

我有一个第三方组件

CompFoo

要添加到Ext.Tabpanel中

HTML:

<div id="div1">
</div>
<div id="div2">
</div>

我想做的是将我的CompFoo放入其中一个选项卡中

两种方式： 1） 在选项卡中创建具有给定ID的div，或2）将CompFoo放入选项卡面板的“项”中

---

我不知道如何以任何一种方式编写代码。

将代码放入您的

项目：{}

newext.Panel（{id:'someID'，title:'someTitle'，hmtl:''，…}）

没有测试，但应该可以工作

---

我更喜欢的另一种方法是在面板中使用

loader:{url:，renderer:'frame'，…}

而不是

html

，

是第三方的“组件”html，还是还有更多？我可以将组件渲染到给定的div中，因此您可以将其视为纯html。我认为这与我问题中提到的第二种方法是一致的。

var Foo = new MacroHard.bar.box({
 ...
 renderTo: 'div2'
});

var tabs = Ext.createWidget('tabpanel',{
renderTo: 'input-div',
layout: 'fit',
height: '80%',
activeTab: 0,
items:[
       {
           title: 'User',
           items: [
            {
                id: 'userid-txtfld',
                xtype: 'textfield',
                fieldLabel: 'User ID',
                name: 'userid',
            },
           ]
       },
  ]....