extjs - extjs 从字段集中的列中删除字段

Question

使用我的字段集，我有一个包含不同组件的列布局。

根据组合的值，我想从一列中删除 textField 并用新的组合替换它。

我有逻辑来获取组合的值，但我似乎无法从列中删除任何项目。

我给了它一个 id，它被返回并尝试了以下操作：

 if(combo.getValue()=="r"){
                                        alert("here");
                                        var col = Ext.getCmp("col"+rowNo);
                                        alert(col.id);
                                        var field = Ext.getCmp("textfield"+rowNo);
                                        col.remove(field, true);
                                    }

列代码

{columnWidth:.14,
                            id:"col1",
                            items:[{
                            xtype: 'textfield',
                            id: 'textField1',
                            hideLabel: true,
                            width: 100

                        }

Answer 1

为什么需要物理移除它？您可以将hidden属性设置为 true/false，具体取决于您要显示的字段。如果您有 2 个要“切换”的字段，设置它们的hidden属性也会调整布局以适合它们。

就像是：

if (combo.getValue() == "r") {
    textfield1.show();
} else {
    textfield1.hide();
    textfield2.show();
}