1. 程式人生 > >ext元件的查詢方式

ext元件的查詢方式

1、使用id進行查詢

(1)Ext.ComponentQuery.query("#mypanel")

(2)Ext.getCmp("mypanel")

 

2、根據根據元件的別名進行查詢

要使用別名查詢,可以直接把別名作為選擇符,也可以與DOM的屬性查詢一樣,加上字首“.”。

(1)Ext.ComponentQuery.query("mypanel")

(2)Ext.ComponentQuery.query(".mypanel")

 

3、使用屬性查詢

要使用屬性查詢,可使用以下語法:

[屬性=屬性值]

查詢語句:

Ext.ComponentQuery.query("mypanel[title=我的面板]")

其中,title是要查詢的屬性,“我的面板”是屬性值。

 

4、使用成員函式進行查詢

有時候,需要查出處於某些狀態的元件,例如,在表單中被禁用的元件,或者是工具欄中被禁用的按鈕等。這時候就可以通過元件成員函式的返回值進行查詢了。

使用成員函式查詢,可使用以下語法:

Ext.ComponentQuery.query("{成員函式}")

 例如,要查詢表單面板中被禁用的按鈕,可使用以下語句進行查詢:

Ext.ComponentQuery.query("{isDisabled()}")

因為元件被禁用時,呼叫isDisabled會返回true值,因而這就是符合條件的元件。如果要查詢特定型別的元件,可以在前面加上別名。