ExtJS视口面板

时间:2012-10-13 14:01:01

标签: extjs panel viewport collapsiblepanelextender

我在视口东区域内有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,而不会分辨可折叠面板扩展器选项。

提前致谢。

1 个答案:

答案 0 :(得分:0)

即使使用 header:false,headerAsText:false ,您也会在分割条的中间放置一个箭头。它可以作为面板的折叠控件。