Yii2 ExtJs5 RBAC  

用于发布Yii2 ExtJs5 RBAC相关教程和版本

【ExtJs入门篇】各种查找ExtJs组件方法,扩展ExtJs界面必备技能

9年前发布  · 1321 次阅读

相信用过jQuery的码农都熟悉CSS选择器,在ExtJs中查找组件也类似。

二者区别

jQuery是查找元素名为div并且ID是foo

jQuery('div#foo'); // jQuery

ExtJs是查找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');