Javascript 将组件添加到ExtJS中的选项卡式窗格

我试图在ExtJS中做一点概念证明。我想在我的一个选项卡中添加一个带有树的面板，但在API中似乎找不到答案

示例如下所示

var tabs = Ext.create('Ext.tab.Panel', {
    items: [
        {
            title: 'Tab 1',
            html : 'A simple tab'
        },
        {
            title: 'Tab 2',
            html : 'Another one'
        }
    ],
    renderTo : Ext.getBody()        
});

但是，我想要这样的东西：

   var treegrid = Ext.create('KitchenSink.view.tree.TreeGrid', {....});



    var tabs = Ext.create('Ext.tab.Panel', {
        items: [
            {
                title: 'Tab 1',
                html : 'A simple tab'
            },
            {
                title: 'Tab 2',
                myComponent : treegrid
            }
        ],
        renderTo : Ext.getBody()        
    });

我想知道我应该在myComponent上写些什么。显然myComponent是不正确的

---

对不起，如果这个问题看起来真的很幼稚。我对ExtJS非常陌生。

网格是panel的一个子类，所以它直接进入选项卡下面：

new Ext.tab.Panel({
    items: [{
        title: 'My Grid',
        xtype: 'gridpanel',
        columns: [],
        // Other grid stuff
    }]
});