要在一個tabpanel添加按鈕[ExtJS的3.2]

Question

我要在顯着位置添加一個按鈕。請任何人都可以幫助我。 謝謝。

Answer 1

您可以在其中添加自定義組件，但必須擴展TabPanel類。你可以在這裏找到一個例子：on the left和on the right方。

var scrollMenu = this.header.insertFirst({ 
    cls: 'x-tab-tabmenu-right' 
}); 

而且按鈕的CSS樣式：

.x-tab-scroller-right-over { 
    background-position: -18px 0; 
} 

.x-tab-tabmenu-right { 
    background: transparent url(http://dev.sencha.com/deploy/ext-3.4.0/examples/tabs/tab-scroller-menu.gif) no-repeat 0 0; 
    border-bottom: 1px solid #8db2e3; 
    width:18px; 
    position:absolute; 
    right:0; 
    top:0; 
    z-index:10; 
    cursor:pointer; 
} 
.x-tab-tabmenu-over { 
    background-position: -18px 0; 
} 
.x-tab-tabmenu-disabled { 
    background-position: 0 0; 
    opacity:.5; 
    -moz-opacity:.5; 
    filter:alpha(opacity=50); 
    cursor:default; 
}