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; 
} 

注：不是可能需要Tested.Some修改。