在标签面板中添加按钮 [extjs 3.2]

Posted 2023-02-26

【中文标题】在标签面板中添加按钮 [extjs 3.2]

【英文标题】：To add button in tabpanel [extjs 3.2]

【发布时间】：2013-02-14 13:40:21

【问题描述】：

我想在标记的地方添加一个按钮。请任何人都可以帮助我。 谢谢。

【问题讨论】：

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

【参考方案1】：

您可以在那里添加自定义组件，但必须扩展 TabPanel 类。您可以在此处找到示例：on the left 和 on the right side。

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

以及 Button 的 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;