titleCollapse в TabPanel в extjs 3.4

В ExtJS 3.4 TabPanel для реализации collapsible:true и titleCollapse:true позволяет сворачивать и разворачивать TabPanel. Однако даже нажатие на вкладки также приводит к сворачиванию/разворачиванию.

Как избежать этой ситуации?

var tabs2 = new Ext.TabPanel({
    collapsible:true,
    titleCollapse:true,
    renderTo: document.body,
    activeTab: 0,
    width:600,
    height:250,
    plain:true,
    defaults:{autoScroll: true},
    items:[{
            title: 'Normal Tab',
            html: "My content was added during construction."
        },{
            title: 'Ajax Tab 1',
            autoLoad:'ajax1.htm'
        },{
            title: 'Ajax Tab 2',
            autoLoad: {url: 'ajax2.htm', params: 'foo=bar&wtf=1'}
        },{
            title: 'Event Tab',
            listeners: {activate: handleActivate},
            html: "I am tab 4's content. I also have an event listener attached."
        },{
            title: 'Disabled Tab',
            disabled:true,
            html: "Can't see me cause I'm disabled"
        }
    ]
});

person JackAss    schedule 10.04.2013    source источник


Ответы (1)


удалить свойство titleCollapse:true,. Заголовки вкладок отображаются внутри элемента заголовка, когда вы включаете свойство titleCollapse, ваши кнопки также работают как кнопки развертывания/свертывания.

person Xupypr MV    schedule 10.04.2013
comment
Я согласен, но мое требование состоит в том, чтобы свернуть вкладку при щелчке в любом месте строки заголовка. - person JackAss; 10.04.2013