Extjs中RadioGroup的获取值和赋值

最新推荐文章于 2022-11-29 11:15:02 发布

原创最新推荐文章于 2022-11-29 11:15:02 发布 · 1.3w 阅读

6 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#extjs #function

ExtJS 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何自定义ExtJS中的RadioGroup组件，实现通过setValue方法设置选中项，并演示了多种方式来获取RadioGroup的当前值。

Ext.override(Ext.form.RadioGroup, { getValue: function(){ var v; if (this.rendered) { this.items.each(function(item){ if (!item.getValue()) return true; v = item.getRawValue(); return false; }); } else { for (var k in this.items) { if (this.items[k].checked) { v = this.items[k].inputValue; break; } } } return v; }, setValue: function(v){ if (this.rendered) this.items.each(function(item){ item.setValue(item.getRawValue() == v); }); else { for (var k in this.items) { this.items[k].checked = this.items[k].inputValue == v; } } } }); //由于使用loadRecord（）方法无法为radiogroup赋值所以加上以上代码 var record = Ext.data.Record.create([ {name: "rg",mapping:"rg"}, ]); var myNewRecord = new record ({rg:"2"}); var radiogroup= new Ext.form.RadioGroup({ fieldLabel : "radioGroup", items : [{ boxLabel : '是', inputValue : "1", name : "rg", checked : true }, { boxLabel : '否', name : "rg", inputValue : "2" }] }); var _formpanel = new Ext.form.FormPanel({ labelAlign : "right", labelWidth : 150, loadMask : true, renderTo:Ext.getBody(), frame : true, defaults : { width : 150 }, items : [radiogroup], buttonAlign : "center", buttons : [{ text : "获取radioGroup值", handler : function() { alert(_formpanel.getForm().getValues()["rg"] ); alert(_formpanel.getForm().getValues().rg); alert(radiogroup.getValue());//三种方式获取所选值 } },{ text : "Set radioGroup值2", handler : function() { radiogroup.setValue(2);//把否选中 } },{ text : "Set radioGroup值1", handler : function() { _formpanel.findByType("radiogroup")[0].setValue(1);//把是选中 } },{ text : "loadRecord赋值方式", handler : function() { _formpanel.form.loadRecord(myNewRecord);//把否选中 } }]] });

alert(_formpanel.getForm().getValues()["rg"] );

alert(_formpanel.getForm().getValues().rg);
alert(radiogroup.getValue());//三种方式获取所选值

       {
            text : "Set radioGroup值2",
            handler : function() {
               radiogroup.setValue(2);//把否选中
            }
        },{
            text : "Set radioGroup值1",
            handler : function() {
               _formpanel.findByType("radiogroup")[0].setValue(1);//把是选中
            }
        },{
            text : "loadRecord赋值方式",
            handler : function() {
               _formpanel.form.loadRecord(myNewRecord);//把否选中
        }