通緝使用ExtJS的

Question

我已經加入的形式面板兩個文本字段刪除2個文本字段：

{ 
     xtype: 'formpanel' 
     ,flex: 1 
     ,id: 'remove' 
     ,defaults: { 
      xtype: 'textfield' 
      ,readOnly: true 
     } 
     ,items: [{ 
      bind: { 
       value: '{loadDetails.firstname}' 
      } 
     },{ 
      bind: { 
       value: '{loadDetails.lastname}' 
      } 
     } 

我已經寫下面的函數用於除去文本字段：

onRemove: function(){ 
    Ext.getCmp('remove').setValue(""); 
} 

上執行這個控制檯顯示setValue不是一個函數。

Answer 1

Ext.getCmp（「刪除」）返回一個實例的形式面板，而不是你的文本字段：

var form = Ext.getCmp('remove'); 
var text1 = form.items.getAt(0); 
var text2 = form.items.getAt(1); 

text1.setValue(""); 
text2.setValue(""); 

Answer 2

yourForm.reset(); 

將所有輸入重置爲默認值

如果你需要刪除輸入字段，你可以嘗試：

yourForm.getComponent(//index of the component).destroy(); 

如果你需要清除單個字段的值，你可以拿到場這樣的：

form.getComponent(//index) 

form.findField(//id of the field) 

，然後就可以調用.setValue('');或.reset();

相反，如果你需要刪除表格中的所有輸入字段，你可以做這樣的：

form.removeAll();