ExtJS，单击提交按钮时隐藏折叠字段

Question

我正在使用ExtJS，我有以下组件：

var AlgoField = [{
    bodyStyle: 'padding-right:5px;',
    id: 'algo_id ',
    items: [{
        xtype: 'fieldset',
        title: 'Algorithms\' Field',
        autoHeight: true,
        collapsed: true,
        collapsible: true,
        items: [itemAlgo_1,
            itemAlgo_4,
            itemAlgo_3,
            itemAlgo_2
        ]
    }]
}]

我想将collapsed属性设置为false，当发生事件时，我不知道如何获取此属性并将其设置为false。 （我认为这样的事情：Ext.get('algo_id').collapsed=false但它不起作用）

请帮帮我。

非常感谢。

Answer 1

你需要给字段集ID并引用它，而不是它的父代，即：

var AlgoField = [{
    bodyStyle: 'padding-right:5px;',
    id: 'algo_id ',
    items: [{
        xtype: 'fieldset',
        id: 'collapse_this',
        title: 'Algorithms\' Field',
        autoHeight: true,
        collapsed: true,
        collapsible: true,
        items: [itemAlgo_1, itemAlgo_4, itemAlgo_3, itemAlgo_2]
    }]
}]

然后使用：

Ext.getCmp('collapse_this').collapse();