Sencha touch 将元素添加到选项卡面板的一个部分

因此，我有一个

选项卡面板

，定义如下：

panel = new Ext.TabPanel({
            fullscreen: true,
            cardSwitchAnimation: 'slide',
            ui: 'dark',
            items: [home, faq, about]
        });

home = new Ext.Component({
            title: "Home",
            scroll: 'vertical',
            tpl: [
                '<tpl for="."',
                ' <div messageId="{message_id}">',
                ' </div>',
                '</tpl>'
            ]
        });

home

部分的定义如下：

panel = new Ext.TabPanel({
            fullscreen: true,
            cardSwitchAnimation: 'slide',
            ui: 'dark',
            items: [home, faq, about]
        });

home = new Ext.Component({
            title: "Home",
            scroll: 'vertical',
            tpl: [
                '<tpl for="."',
                ' <div messageId="{message_id}">',
                ' </div>',
                '</tpl>'
            ]
        });

home=新的外部组件({
标题：“家”，
滚动：‘垂直’，
第三方物流：[
“你的目标不是100%清楚，但听起来你只是想在你的“家”卡中把两个面板叠在一起，如下所示……如果你需要控制每个子项占用多少空间，你需要查看
布局
属性，尤其是
hbox

home = new Ext.Panel({
    title: "Home",
    scroll: 'vertical',
    items: [
        {
            html: 'first panel'
        },
        {
            tpl: '<tpl for="."><div messageId="{message_id}"></div></tpl>'
        }
    ]
});

home=新的外部面板({
标题：“家”，
滚动：‘垂直’，
项目：[
{
html:“第一个面板”
},
{
第三方物流：''
}
]
});

或者，您可能正在谈论第二个工具栏，在这种情况下，请查看dockedItems