extjs radiogroup赋值和取值
类别:Web前端 浏览量:2065
时间:2013-12-8 extjs radiogroup赋值和取值
extjs radiogroup赋值和取值在Extjs项目中通常要用到radiogroup 组件实现单选效果,由于ExtJs中RadioGroup中没有实现getValue和setValue方法,这就在使用过程中给radiogroup 组件赋值和取值带来麻烦,下面通过一个封装的方法介绍如何实现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;
}
}
}
});
//以上代码重载radiogroup组件,封装 getvalue方法 和 setvalue方法,以便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);//把否选中
}
}]]
});
您可能感兴趣
- extjs 日期控件
- extjs中treepanel属性和方法
- ExtJs常用代码片段
- ExtJs中XTemplate使用
- extjs xtype的使用
- Extjs msgTarget 提示位置
- ExtJs中怎么上传文件
- ExtJs中getCmp、getDom、Get的区别
- Extjs中grid 的ColumnModel 属性配置
- extjs card卡片式布局
- extjs tabPanel的用法
- extjs中Toolbar工具栏
- extjs radiogroup赋值和取值
- extjs中apply和applyIf的用法
- extjs中treepanel例子
- ExtJs 中Viewport 的使用
- 素人恋爱综艺火药味十足 男生为赢得芳心集体扯头花,真是出好戏(素人恋爱综艺火药味十足)
- 《囧妈》为何受抵制 春节七部影片撤档背后的责任与博弈(囧妈为何受抵制)
- 提醒 2019年起河南驾考要开设科目五 官方回应来了(2019年起河南驾考要开设科目五)
- 省 市书法家协会 送万福进万家 活动走进禹州美丽乡村(省市书法家协会)
- 点赞 禹州苌庄正式撤乡建镇 未来发展不可估量(禹州苌庄正式撤乡建镇)
- 它荣获 中国生态魅力镇 称号 就在咱们禹州,一起来看看(中国生态魅力镇)
热门推荐
- python发送微信消息脚本(python实现微信定时每天和女友发送消息)
- php面向对象运用场景(PHP面向对象类型约束用法分析)
- SQLServer清理日志文件方法案例详解(SQLServer清理日志文件方法案例详解)
- mysql实现mvc(mysql的MVCC多版本并发控制的实现)
- sqlserver追加主键(sqlserver主键自增的实现示例)
- docker swarm 集群(用Docker swarm快速部署Nebula Graph集群的教程)
- spark sql常用操作(Spark SQL数据加载和保存实例讲解)
- app开发自定义导航栏(AmazeUI底部导航栏与分享按钮的示例代码)
- sql如何查找10个以上的数据(SQL中查找某几个字段完全一样的数据)
- 10款免费好用的云服务器/VPS主机控制面板推荐(10款免费好用的云服务器/VPS主机控制面板推荐)