隐藏ExtJs中可折叠面板的折叠图标

时间:2013-02-07 16:46:47

标签: extjs

当我有一个可折叠的面板时,ExtJs会在工具区域中渲染一个图标来展开/折叠,但也会在面板之间放置一个黑色三角形来完成相同的操作。

我在文档中发现我可以隐藏工具区域中的图标,使用hideCollapseTool:true,但我想隐藏那个小黑三角。怎么做?

2 个答案:

答案 0 :(得分:3)

您是否在面板上尝试了split:false

答案 1 :(得分:1)

在Ext JS 5中(可能还有一些早期版本),split配置参数可以是布尔值,也可以是Ext.resizer.BorderSplitter对象的配置对象。

根据APIcollapsible属性可用于手动显示或隐藏拆分器中的折叠按钮,因此您可以将该属性设置为false以隐藏该按钮#39;谈论。

在5.1中测试并使用的解决方案如下所示,假设面板包含在具有边框布局的容器中:

{
    xtype: 'panel',
    region: 'west',
    split: {
        collapsible: false
    }
}

P.S。我知道这已经晚了2年但我在寻找解决方案时发现了这个问题。我想也可以从API分享解决方案。

修改:Made a fiddle。此外,值得一提的是,如果您使用split: false,这将保留所有其他拆分器功能,例如保持面板可调整大小。