Extjs radioGroup 取选中的值设置值选中

最新推荐文章于 2023-06-17 22:44:27 发布

原创最新推荐文章于 2023-06-17 22:44:27 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

Extjs 专栏收录该内容

98 篇文章

订阅专栏

本文介绍了如何在Ext.js中自定义RadioGroup组件，并通过重写getValue和setValue方法来获取和设置组件值，提供了一个灵活的解决方案。

定义 radiogroup

var radiogroup= new Ext.form.RadioGroup({ 
fieldLabel : "性别",
items : [ 
          { boxLabel : '男', inputValue : '1', checked : true, name : "radSex" },
          { boxLabel : '女, name : "radSex", inputValue : '2' } 
       ]
});

重写getValue 和setValue

Ext.override(Ext.form.RadioGroup, { 
  getValue: function() { 
      var v; 
      this.items.each(function(item) { 
        if ( item.getValue() ) { 
           v = item.getRawValue(); 
           return false; 
        } 
      }); 
     return v; 
   }, 
   setValue: function(v) { 
        if(this.rendered) 
           this.items.each(function(item) { 
               item.setValue(item.getRawValue() == v); 
           }); 
        else 
          for(k in this.items) this.items[k].checked = this.items[k].inputValue == v; 
   } 
});

获取radiogroup值还可以 radiogroup.getValue().type 获取