在tabpanel中添加按钮 [extjs 3.2]

Question

我想在标记的位置添加一个按钮，请有人帮忙。 谢谢。

- JackExtJs

---

我认为这不是原生选项，你可以添加一个工具栏，但它会呈现为分离的。如果你需要它在那里，扩展Ext.TabPanel并添加显示按钮所需的代码。 - gunnx

Answer 1

您可以在那里添加自定义组件，但必须扩展TabPanel类。您可以在此处找到示例：在左侧和在右侧。

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

- Darin Kolev