sencha touch 選擇器

1 DOM元素選擇器

Ext.DomQuery操做標準DOM元素

Ext.query(selector, [root]) : HTMLElement[] // 調用Ext.dom.Query.select

Ext.core.DomQuery = Ext.DomQuery;

Ext.query = Ext.DomQuery.select;

這塊的選擇器基本與jQuery的選擇器一致；

 

Ext.dom.Element封裝了標準DOM元素，這樣能夠保證瀏覽器兼容；

Ext.select(selector, composite) : Ext.dom.CompositeElementLite/Ext.dom.CompositeElement // composite=true返回Ext.dom.CompositeElementLite不然返回Ext.dom.CompositeElement；

Ext.select = Ext.dom.Element.select;

Ext.get = Ext.dom.Element.get(element) : Ext.dom.Element; // 經過id、dom節點、Ext.Element查詢並返回Ext.dom.Element；

Ext.fly( element, [named] ) : Ext.dom.Element; // 根據get相似，可是該方法會使用共享內存，詳細 參考；

 

2 視圖組件選擇器

Ext.ComponentQuery視圖組件選擇器

Ext.ComponentQuery.is( component, selector ) : Boolean // 組件是否能被選擇器匹配

Ext.ComponentQuery.query( selector, root ) : Ext.Component[] // 選擇組件

xtype選擇器，例如「component or .component」；

id選擇器，例如「#myComponent」；

屬性選擇器，例如「component[autoScroll]」，「panel[title="Test"]」；

組合查詢，支持將上面的查詢組合使用；

 

Ext.Container

    down(selector):Ext.Component; // 調用Ext.ComponentQuery查詢下級組件；

    query(selector):Ext.Component[]; // 調用Ext.ComponentQuery查詢組件集合；

    getComponent( component ) : Ext.Component // 跟down相似；查詢參數不一樣，能夠根據id或itemId查詢；

 

Ext.Component

    up(selector):Ext.Container; // 查找上級容器；

 

Ext.ComponentManager.get( id ) : Object; // 根據id查詢組件；

Ext.getCmp = Ext.ComponentManager.get