ExtJS6：如何在选项卡面板项上添加关闭图标

Question

我有一个 tabpanel 作为主容器，并在单击时动态地将面板作为项目附加到它上面。但是我的选项卡仅将标题分配给 child 项。单击时如何在标题和关闭选项卡旁边添加关闭按钮

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'
    }
}]
});