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修改。