Question

我有一个sencha小提琴：

https://fiddle.sencha.com/#fiddle/4gr

TBar按钮在所有标签中都可见，因为它是标签面板的标签。

我认为你们都同意“TBar Button”，只要它处于现在的位置，应该只对活动标签产生影响，对吗？

那么，我怎样才能让tbar显示在标签上方，用户可以直观地猜测它对所有标签有效？

Answer 1

可以使用weight：

订购dockedItems

var panel = Ext.create("Ext.tab.Panel", {
    layout: 'fit',
    width: 500,
    height: 500,
    autoRender: true,
    dockedItems: [
        {
            xtype: 'toolbar',
            items: [{
                xtype: 'button',
                text: 'TBar Button'
            }],
            weight: -2
        }
    ],
    items: [{
        xtype: 'panel',
        title: 'A'
    }, {
        xtype: 'panel',
        title: 'B'
    }]
});

示例：https://fiddle.sencha.com/#fiddle/1sph

Answer 2

您可以使用工具选项为整个标签面板配置按钮，而不是使用 tbar 。

    var panel = Ext.create("Ext.tab.Panel", {
        layout: 'fit',
        width: 500,
        height: 500,
        autoRender: true,
        tools: [{
            xtype: 'button',
            text: 'TBar Button'
        }],
        items: [{
            xtype: 'panel',
            title: 'A'
        }, {
            xtype: 'panel',
            title: 'B'
        }]
   });

在标签上方显示tbar

2 个答案: