Question

我是Extjs的新手；我有一个面板，其项目为“ collapsible：true”，它工作正常，但... 当我的特定条件为true时，我想折叠面板，并且我想禁用用于展开它的按钮（因此即使单击了该面板，也不会再显示该面板）。有可能吗？我想要一种做其他事情的重写方法，例如在页面中显示很少包含特定信息的div。我只使用javascript和Extjs。

提前感谢和节日快乐

Answer 1

请查看我的代码段。能解决您的问题吗？告诉我您是否有任何问题。 https://fiddle.sencha.com/fiddle/1fk9

Ext.application({
name : 'Fiddle',

launch : function() {
    var parent = Ext.create('Ext.container.Container', {
        title : 'Demo',
        renderTo : Ext.getBody(),
        layout : 'vbox',
        items : [{
            xtype : 'checkbox',
            fieldLabel : 'Enable collapsible',
            handler : function(self, v){
                var panel = parent.down('panel');
                panel.collapseTool.setVisible(v);

                panel.getHeader().down('tool[type=up]').setVisible(!v);
            },
            checked : true
        }, {
            xtype : 'panel',
            width : 500,
            height : 400,
            title : 'Collapsible demo',
            collapsible : true,
            tools : [{
                type : 'up',
                hidden : true
            }]
        }]
    });
}

}）;

Answer 2

我添加了可绑定的版本

Fiddle

使用与collapsible的数据绑定，您还可以将绑定添加到collapsed参数

Extjs-覆盖折叠功能

2 个答案: