[ExtJS5学习笔记]第三十五节 sencha extjs 5 组件查询方法总结

一个UI前台组件肯定会比较多，我们通常习惯性的使用ID来获取需要操作的组件，但是这种方法是extjs推荐的么？有没有extjs推荐使用的获取组件的方法呢？

目录

extjs的查询组件的API

组件查询API文档地址：5.1.0-apidocs/#!/api/Ext.ComponentQuery-method-query
可以看到是使用的Ext.ComponentQuery这个单例的query方法来进行查询的。

查询实例

基本的组件查询

1. 查询xtype组件

   prevField = myField.previousNode('textfield');
   

   这表示查询所有 textfield 以及继承自TextField的组件都会被查询。

   prevTextField = myField.previousNode('textfield(true)');
   

   这表示只查询TextField类的，其他继承类不用去查询，只需要传入true表示严格查询即可。

2. ID或者ItemID查找

   #myContainer
   当需要查询ID定义的组件的时候，可以使用#来查询。

3. xtype和ID或者ItemID组合使用

    panel#myPanel
   

   这样可以尽可能的减少ID带来的冲突，对xtype进行了一次过滤。

组件树查询

看下面一个查询实例：