button”,这种方式是查找所有panel组件下的所有button组件。3、 通过xtype:treep_ext.js的弹窗中,在onafterrender中获取具体组件">
当前位置:   article > 正文

Extjs4 controller之获取组件_ext.js的弹窗中,在onafterrender中获取具体组件

ext.js的弹窗中,在onafterrender中获取具体组件

Extjs4 mvc模式中的controller是用来控制view和store的,可以用于各个view之间的关联,怎么从view里取出想要的组件,方法如下:

1、 通过组件ID获取组件:"#组件ID”;如:'panel #id'

2、 得到某一组件下所有的指定类型的组件:"panel>button”,这种方式是查找所有panel组件下的所有button组件。

3、 通过xtype:treepanel或.treepanel 如:'panel .gridpanel' 找的就是panel下的gridpanel

4、如果想获取所有button并且action为save的button,则可以使用"button[action=save] ",又或者获取所有panel,并且autoscroll属性为true的panel,则可以使用"panel[autoScroll=true]"

5.另外就是up和down方法,都可以用来找组件

 

Refs是一个查找并匹配组件的集合,集合里面则指定了需要的操作,即查找一个组件,而找到的这个组件所匹配组件就是selector指定的,用{ref: 'menu',selector: 'tablepanel'}来稍做解释,即查找menu组件,点击树节点,结果将在'tablepanel'中显示。这样解释可能比较含糊,那么就用官方例子做个解释吧。{ref: 'feedData', selector: 'feedlist dataview'}。这条的含义是查找'feedData',将'feedData'显示在'feedlist的子组件dataview'上。

总结下,就是在ExtJS4中所有的组件都有一个query方法,这个方法就是ComponentQuery的实现。当然,如果还是不明白的话,就可以使用:
Ext.ComponentQuery.query("tabpanel");
Ext.ComponentQuery.query("#mytree")
等等。实在extjs4.0实际使用过程中,如果要调用或查找组件,exjts会自动调用ComponentQuery的query方法来查找对应组件。

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号