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，具体取决于您要显示的字段。如果您有两个要“切换”的字段，则设置其hidden属性也会调整布局以适合它们。

喜欢的东西：

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