ExtJS 视口面板

Question

我在视口东部区域内有 EXTJS 面板，

var viewport = new Ext.Viewport({
    layout: 'border',
    id:'mainviewport',
    monitorResize:false,
    items: [{
        region: 'east',
        xtype: 'panel',
        id:'east-panel',
        header : false,
        headerAsText: false,
        title: 'east panel',
        collapsible: true,
        split: true,
        minSize: 305,
        maxSize: east_panel_width,
        margins: '53 0 0 0',
        cmargins:'53 0 0 0',
        collapsed: true,
        autoScroll: true,
        layout: 'fit',
        html:'<div id="abc" style="height:100%;overflow-x: hidden; overflow-y: auto;"></div>'
    }]
});

我不想要标题，所以我给属性 header: false, headerAsText: false 隐藏了标题栏，但我想要可折叠选项。我怎样才能得到那个可折叠的功能。

是否可以只隐藏标题文本和背景 css，而不破坏可折叠面板扩展器选项。

提前致谢。

Answer 1

即使使用 header: false, headerAsText: false，您在分隔栏的中间也会有一个箭头。它用作面板的折叠控件。