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