日期:2014-05-16  浏览次数:20411 次

Extjs4 form得到相同类型的组件

http://blog.csdn.net/li_xiao_ming/article/details/7063610

Extjs4中up()和down()的用法

分类: JavaScript+Html+Css 171人阅读 评论(1) 收藏 举报
?
Extjs4.x中,每个组件都新增加了两个方法up()和down()方法。这两个方法都是用来获取组件的,下面我们来看下up()方法和down()方法的官方解释。

Extjs4.x中,新增加了两个方法up()和down()方法。这两个方法都是用来获取组件的,下面我们来看下官方解释。

up( String selector, [Number/Mixed maxDepth] ) : Ext.core.Element

selector:必选,字符串形式,表示要匹配的组件。

Maxdepth:可选,表示要匹配的最大深度。

up方法的API解释为:通过简单的选择,获得相匹配的dom,使用up方法总是返回一个Ext.core.Element,也就是ext的组件。

down( String selector, [Boolean returnDom] ) : HTMLElement/Ext.core.Element

selector:必选,字符串形式,表示要匹配的组件,

returnDom:可选,布尔类型,如果为true,则返回DOM节点,而不是Ext.core.Element。值默认为false。

down方法的API解释,通过选择器,来获得任何深度的子组件,在down方法中,不应该包含组件的id,而应该是组件的xtype。

下面我们来看他的用法。先看一段代码。

?
  1. Ext.require('Ext.*');
  2. ?Ext.onReady(function(){
  3. ??var?win?=?Ext.create('Ext.window.Window',{
  4. ???height:?160,
  5. ???width:?280,
  6. ???title:?'用户登陆',
  7. ???closeAction:?'hide',
  8. ???closable?:?false,?
  9. ???iconCls:?'win',
  10. ???layout:?'fit',
  11. ???modal?:?true,?
  12. ???plain?:?true,
  13. ???resizable:?false,
  14. ???items:[{
  15. ????xtype:'form',
  16. ????items:[{
  17. ?????//.....?
  18. ????}],
  19. ????button:[{
  20. ?????text:'登录',
  21. ?????handler:fu