相信用过jQuery的码农都熟悉CSS选择器,在ExtJs中查找组件也类似。
二者区别
jQuery是查找元素名为div并且ID是foo
jQuery('div#foo'); // jQueryExtJs是查找xtype名为div并且itemId是foo
Ext.ComponentQuery.query('div#foo'); // ExtJs
ExtJs查找组件示例:
通过xtype名查找组件
Ext.ComponentQuery.query('panel');通过id查找组件
Ext.ComponentQuery.query('#foo');通过xtype属性名查找组件
Ext.ComponentQuery.query('textfield[name=firstName]');通过属性名查找组件
Ext.ComponentQuery.query('[fullscreen]');通过xtype名嵌套查找组件
Ext.ComponentQuery.query('formpanel numberfield');通过xtype名和属性名嵌套查找组件
Ext.ComponentQuery.query('formpanel[fullscreen] numberfield');