ExtJS6：如何在tabpanel项目上添加关闭图标

Question

我有一个tabpanel作为主要容器，并在点击时动态地将它作为项目附加到它上面。但我的标签只有分配给子项的标题。如何在单击标题旁边添加关闭按钮并在单击时关闭标签

Answer 1

您需要在项目中放置一个配置closabe : true，无论您要关闭哪个。

以下是示例代码。

Ext.tip.QuickTipManager.init();
Ext.create('Ext.tab.Panel', {
width: 400,
height: 400,
renderTo: document.body,
items: [{
    title: 'Foo',
    closable : true
}, {
    title: 'Bar',
    closable : true,
    tabConfig: {
        title: 'Custom Title',
        tooltip: 'A button tooltip'
    }
}]
});