選擇字段集的子元素

Question

假設我有一個示例字段集，如下所示：

+---| Customer Types | --------------------------+
|                                                |
|   +----------+    +----------+   +---------+   |
|   |  Trader  |    |  Horeca  |   |   SCO   |   |
|   +----------+    +----------+   +---------+   |
|                                                |
+------------------------------------------------+

該字段集具有三個按鈕，它們將打開一個新窗口。 當員工單擊其中一個按鈕時，他/她應填寫一些必填字段。 填寫表格后，他/她將單擊submit記錄按鈕。 到目前為止沒有問題。

我想做的是，一名員工填寫表格，然后單擊打開的窗口的“ submit按鈕，我應該禁用其他按鈕以防止重復記錄。

這是問題：

• ExtJS中是否有任何方法可以選擇字段集的子元素？
• 或者，您是否有任何建議/示例代碼來選擇子元素以禁用我在上面指定的那些按鈕？

Answer 1

您將要使用Ext.ComponentQuery 。 如果您使用down() ， up()和query()方法，它將內置於每個組件中。

要獲得所需的內容，請執行以下操作：

var buttons = myFieldSet.query('button');
for (var i=0; i<buttons.length; i++)
    buttons[i].disable();

從這里的文檔中了解更多信息： http : //docs.sencha.com/extjs/4.2.1/#!/api/Ext.ComponentQuery

Answer 2

ExtJS提供了一個ComponentQuery類，使您可以在頁面中的任何位置找到任何組件。 另外，為了方便使用容器組件，還添加了某些CQ方法，例如down（）方法。 使用它，您可以找到字段集中包含的組件。 您可以按xtype，itemId或組件的任意屬性搜索。

For Components:
    • Ext.getCmp(id)
    • Ext.ComponentQuery.query()
    • up() 
    • down() 
    • nextSibling() 
    • previousSibling()
    • child()
    • previousNode()
plus various find.. Methods

For Elements:
    • Ext.get()
    • Ext.dom.Query() (more on DOM Query http://docs.sencha.com/core/manual/content/domquery.html