Extjs 選擇元素涉及方法總結

標籤：

本文主要是解釋Extjs在使用過程中使用的相關選擇方法：

1.首先解釋第一組概念：

Ext.get（String/HTMLElement/Ext.Element el）

Ext.getCmp（String id）

Ext.getDom（String/HTMLElement/Ext.Element el）

在理解之前，建議先看兩篇基礎知識的文檔：

  1.[轉載]Extjs中的dom,Ext.Element和Ext.Component對象的關係

  2.【轉載】Extjs 中id與itemId的區別

理解了基礎概念之後，我們來看：

• Ext.get（String/HTMLElement/Ext.Element el） ：
• 入參：節點的id，一個DOM節點或現有元素。
• 作用：檢索Ext.dom.Element對象
• 出參：返回Ext.dom.Element對象
• Ext.getCmp（String id）
• 入參：組件ID
• 作用：Ext.ComponentManager.get方法的簡寫。 通過id尋找現有的Component。
• 出參：Ext中的Component對象
• Ext.getDom（String/HTMLElement/Ext.Element el）
• 入參：節點的id，一個DOM節點或現有元素。
• 作用：返回dom對象
• 出參：HTML的Dom對象

從上面可以看出，使用最廣泛的應該是：Ext.getCmp（id）：但是由於不是每個元素都有Id，所以又有了以下幾個方法：

2.第二組概念：

Ext.select（String selector）：返回Ext.CompositeElement

Ext.query（String path, [HTMLElement root], [String type]）：返回HTMLdom數組

相似點是都是根據CSS選擇符來查詢

不同點：返回的對象不同

參考：

3.第三組概念：

如何通過更加通用的方式來擷取Ext組件呢？

有了以下三個查詢方法：

• Ext.ComponentQuery.query
• 入參: css 選取器
• 作用： 通過css選取器來擷取組件數組，
• 出參：Ext中的Component數組
• Ext.ComponentManager.get（String id)
• 入參：組件ID
• 作用： 通過id尋找現有的Component。簡寫方式為：Ext.getCmp(id)
• 出參：Ext中的Component對象
• Ext.container.Container.getComponent（comp）
• 入參：itemId 或者是容器的 id.或者組件所在的位置
• 作用： 查看容器的items 屬性並且直接返回這個容器.
• 出參：Ext中的Component對象

 

  另外：

Ext.app.Controller.control中使用的是 Ext.Componen tQuery，也就是通過css選擇符來選擇對應的對象。

 

Extjs 選擇元素涉及方法總結