Чтобы добавить кнопку на панель вкладок [extjs 3.2]

введите здесь описание изображения

Я хочу добавить кнопку в отмеченном месте. Пожалуйста, кто-нибудь может мне помочь. Спасибо.


extjs tabpanel extends extjs3
person JackExtJs    schedule 14.02.2013    source источник
comment
Я не думаю, что это нативная опция, вы можете добавить панель инструментов, но она будет отображаться отдельно, если вам нужно, чтобы она была там, расширьте Ext.TabPanel и добавьте код, необходимый для отображения кнопки там.   -  person gunnx    schedule 19.02.2013

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете добавить туда пользовательские компоненты, но должны расширить класс 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;
}
person Darin Kolev    schedule 24.07.2013