Question

所以我有一个TabPanel定义如下：

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

home部分定义如下：

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

现在，仅在home标签上，我想在TabPanel下方的一个部分包含一些其他元素，特别是文本框，按钮和两个下拉列表。

如何添加它们以便内容部分仍然以相同的方式运行，并且直到这些添加的元素下面才开始？

Answer 1

这并不是100％明确你的目标是什么，但听起来你只想把两块面板叠放在你的“家”卡中，如下所示......如果你需要控制每个房间的空间大小子项目占用您需要专门查看layout属性我认为hbox。

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

或者你可能一直在讨论像第二个工具栏这样的东西，在这种情况下看一下dockedItems。

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

1 个答案: