ExtJ通過以字符串開頭的itemId選擇組件

Question

使用Ext Js 4.1。

我在面板上有多個帶有ID和itemIds的復選框：“ chA104”，“ chA204”，“ chB111”等。我想獲取所有以id（或itemId）=“ chA”開頭的復選框，以使其禁用。

怎么做？ 嘗試使用此：

this.query('*[id^=chA]');

但是得到一個包含多個元素的數組：表，td，輸入等。這樣做時：

Ext.query('input[id^=chA]')[0]

我得到一個html輸入元素。 但是當嘗試做時：

Ext.query('input[id^=chA]')[0].disable();
Ext.query('input[id^=chA]')[0].setDisabled(true);

我得到一個錯誤。

那么，如何獲取所有復選框（從字符串ID（或itemId）開始）並使之啟用/禁用？

Answer 1

如果您使用的是extjs復選框，則可以這樣操作：

//enable/disable
Ext.ComponentQuery.query('checkboxfield{id.search("chA")!=-1}')[0].disable(); 
//check/uncheck                           
Ext.ComponentQuery.query('checkboxfield{id.search("chA")!=-1}')[0].setValue(true);

如果是純HTML，請使用：

//enable/disable
Ext.query('input[id^=chA]')[0].disabled = true;
//check/Uncheck
Ext.query('input[id^=chA]')[0].checked = true;