Sencha touch 2通过Ext.ComponentQuery.query查找组件
??? 在做Sench touch开发时,想要获取某个组件并对其操作,通常使用Ext.getCmp('id');该方式是在整个DOM文档中进行查询,后来发现随着项目的进行,使用的组件愈多,这种方式势必影响查询效率,于是想使用一种更好地方式来查询组件以替代Ext.getCmp()。
?? 现有一种方式可实现这种目的:
?? 如:创建一组件
?? {
?????? xtype: 'button'
?????? itemId : 'buttonItemId',
???}
?? 通过Ext.ComponentQuery.query()获取组件:
?? var comp = Ext.ComponentQuery.query("button[itemId='buttonItemId']")[0];???
????//Ext.ComponentQuery.query()返回的是控件数组,[0]返回的是该控件
??? //[注:有关Ext.ComponentQuery.query()方法使用查看Sencha touch API文档]
?
??? 另外,还有一种方法获取组件,且效率较高:
????先通过Ext.ComponentQuery.query(),获取组件所在页面。
??? var view = ComponentQuery.query('component_xtype'),? // component_xtype页面类型
??? 若要查找该页面id为:buttonId的组件,可用下面方法:
??? var comp2 = view.down('#buttonId');
??? 通过这种方式查询组件,首先其范围限制到该组件所在的页面里,所以查询效率高。
???