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')；

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