2

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"
        }
    ]
});
4

1 に答える 1

0

プロパティを削除し titleCollapse:true,ます。タブ ヘッダーはタイトル要素内でレンダリングされtitleCollapseます。プロパティをオンにすると、ボタンは展開/折りたたみボタンとしても機能します。

于 2013-04-10T12:59:58.933 に答える