extjs - 在 extjs 的选项卡面板的标题中添加按钮

Question

我在 Extjs 中添加了一个选项卡面板。当我点击第二个选项卡时，我想在选项卡面板的标题区域看到一个组件， 在图像下方的红色标记处。

Answer 1

对于 tabpanel 组件遵循另一个建议:

Ext.application({
name : 'TabPanelHeaderButton',

launch : function() {

    Ext.create('Ext.tab.Panel', {
        width: 400,
        height: 400,
        renderTo: document.body,
        items: [{
            title: 'Foo'
        },{
            title: 'Foo 1'
        }],
        tabBar: {
                items: [{
                    xtype: 'tbfill'
                },{
                    xtype: 'button',
                    text: 'Button',
                    padding: '3px',
                    margin: '2px 5px 2px 2px',
                    handler: function(){
                        alert ('Button click')

                    }
                }]
        }
    });

 }
});