1.ComponentQuery简介:
ComponentQuery提供了一种类似CSS标签选择器的组件查询方式,他有两种调用方式:
(1)直接通过ComponetManager来查询:Ext.ComponentQuery.query()
(2)通过组件直接的Container来查询: combo.up('form').query()
2.优点:不用指定Id,防止Id冲突
3.使用方式:
(1)通过组件ID获取组件:"#组件ID”,如果通过这种方式,那么一定要记住在组件ID前添加#号。
(2)得到某一组件下所有的指定类型的组件:"panel>button”,这种方式是查找所有panel组件下的所有button组件。
(3)通过xtype:"treepanel”或".treepanel"。Ext.ComponentQuery.query('treepanel');
(4)通过up和down寻找上下级组件:combo.up('form') form.down('combo')
(5)通过previousNode寻找兄弟组件: myField.previousNode('textfield');
(6)通过组件的一些表达式式的属性,如果表达式的返回值为true,那么对应的组件就被选中,例如:如果组件的调用isDisabled()为true的话,那么此组件就被选中
var disabledFields = myFormPanel.query("{isDisabled()}");
(7)通过>寻找组件的直接子组件:Ext.ComponentQuery.query('#myCt > panel');
(8)通过组件的属性进行查找: Ext.ComponentQuery.query("combo[name='location']")
(9)伪类选择器(Pseudo classes)默认包含的有not,last。例如查找最后一个panel Ext.ComponentQuery.query("panel:last")
(10)通过自定义函数进行过滤:
Ext.ComponentQuery.pseudos.invalid = function(items) {
//...函数体
return result;
};
var invalidFields = myFormPanel.query('field:invalid');
4.注意:ComponentQuery.query得到的是一个数组(即使用ID得到只有一个),比如取到的只有一个组件可使用Ext.ComponentQuery.query("combo[name='location']")[0]得到这个组件
分享到:
相关推荐
这里主要介绍了ExtJS常用组件的样式修改,包括工具栏样式修改、菜单样式修改、树形菜单样式修改、表格样式修改、按钮样式修改等。
EXTJS 上传组件及示例EXTJS 上传组件及示例EXTJS 上传组件及示例
ExtJS4下拉树组件 ExtJS4下拉树组件
EXTJS4自学手册——EXT数据结构组件(创建一个Model) EXTJS4自学手册——EXT数据结构组件(Model数据验证,数据交互) EXTJS4自学手册——EXT数据结构组件 EXTJS4自学手册——EXT数据结构组件(proxy代理类之客户端...
NULL 博文链接:https://atgoingguoat.iteye.com/blog/626112
extjs各种组件的详细实现及各种扩展归纳总结,包括各种grid,tree,布局,表单,ajax,弹出框等
1、Extjs3.0 常用组件介绍ppt 2、怎样安装开发利器Spket 3、Spket安装包
extjs时间日期选择组件.
ExtJs各组件简单应用例子导入到eclipse即可
ExtJS4 Grid组件 Extjs4 TreeGrid Extjs4 TreePanel实例 ExtJs4 动态加载 Extjs4 带复选框的树(Checkbox tree) Extjs4 新的布局方式 Extjs4 锁定表头(Locking Grid)功能 Extjs4.0 MVC实例 Extjs4.0动态填充...
ExtJs组件类的对应表,很好的,分享给大家!!
extjs入门学习,各个组件的使用,包括Observable、Observable、BoxComponent、Container、Panel、Viewport及Window...
extjs 在线sql查询 在线sql查询 html580 Ext.ux.window.VisualSQLQueryBuilder
实现对Ext树进行分页的组件,扩展了TreeLaoder和PagingToobar
包含34个优秀的EXTJS扩展组件实例,可直接运行查看,同样很方面的用到自己的项目中。非常不错的
extjs-form组件配置参数详解 extjs各种组件说明
漂亮的Extjs图片展示组件实例,类似于幻灯片,可直接拿去用,非常不错的哦
Extjs4的demo 很不错的例子
extjs树型表格组件的使用示例,详细说明可以参见http://blog.csdn.net/snail_spoor/article/details/39698037