当前位置: 代码迷 >> Web前端 >> Sencha touch 二通过Ext.ComponentQuery.query查找组件
  详细解决方案

Sencha touch 二通过Ext.ComponentQuery.query查找组件

热度:1012   发布时间:2012-11-25 11:44:31.0
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');

??? 通过这种方式查询组件,首先其范围限制到该组件所在的页面里,所以查询效率高。

???

  相关解决方案