extjs4：隐藏/显示选项卡面板的图片

Question

我有一个带有两个标签的标签面板 我希望两个选项卡都包含图像和文本，但每个选项卡上的图像只有在单击选项卡时才会显示，否则不会显示（或替换）。

可以吗？

Answer 1

  

你可以通过一些css技巧来做到这一点。例如，试试这个。

 Ext.create('Ext.tab.Panel', {
        width: 400,
        height: 400,
        id: 'tabPanel',
        activeCls: 'activeTabCls',
        renderTo: document.body,
        items: [{
            title: 'Foo',
        }, {
            title: 'Bar'
        }]

    });

您的 CSS 可能类似于：

.activeTabCls .x-tab-default-top-active{
   background-image: url(http://sencha.com/favicon.icon)!important;
   background-position-y: 4px;
   background-repeat: no-repeat;
   padding: 0px 0px 0px 15px;
}

注意：未经测试。可能需要进行一些修改。