关于CheckGroup赋值和取值问题结合帮助文档的个人见解,欢迎批评指正(基于Extjs4.0.7)
1、构建checkGroup
Ext.create('Ext.form.Panel', {
title: 'Checkbox Group',
width: 300,
height: 125,
bodyPadding: 10,
renderTo: Ext.getBody(),
items:[{
xtype: 'checkboxgroup',
fieldLabel: 'Two Columns',
id:'CheckBoxGroup',
columns: 2,//确定将group中的checkbox分为几列
items: [
{ boxLabel: '星期一', name: 'rbWeekUpdate', inputValue: '2'},
{ boxLabel: '星期二', name: 'rbWeekUpdate', inputValue: '3'},
{ boxLabel: '星期三', name: 'rbWeekUpdate', inputValue: '4' },
{ boxLabel: '星期四', name: 'rbWeekUpdate', inputValue: '5' },
{ boxLabel: '星期五', name: 'rbWeekUpdate', inputValue: '6' },
{ boxLabel: '星期六', name: 'rbWeekUpdate', inputValue: '7' },
{ boxLabel: '星期日', name: 'rbWeekUpdate', inputValue: '1' }
]
});
2、取值
根据id获取组件
var checkedCmp= Ext.getCmp('CheckBoxGroup').getChecked();//获取选中的组件
var timePeriodDay="";
for(var i=0;i<checkedCmp.length;i++){//从获取选中组件中获取inputValue。
var check = checkedCmp[i];
timePeriodDay+=check.inputValue;
}//即可以获取checkboxgroup的选中值,可以根据需求进行组合
对比inputValue值
3、赋值
checkboxGroup赋值,可以将获取的checkBoxGroup的inputValue值组成一个字符串类型的数组。然后通过checkboxGroup中的name属性赋值。
注:其中的timePeriodDay为服务器传出的inputValueValue值字符串。在此为"234"即选中星期一,星期二,星期三
var checkedDay = new Array();//js中创建数组
for(var i=0;i<timePeriodDay.length;i++){
checkedDay[i] = timePeriodDay.charAt(i)+"";//将服务器传入的值放到数组中
}
Ext.getCmp('timePeriodDayWeekUpdate').setValue(
{rbWeekUpdate:checkedDay}//通过数组及name赋值其中rbWeekUpdate为组内checkbox的name属性值。而checkedDay为含有inputValue的数组。
);
设置结果:
分享到:
相关推荐
EL表达式在前后台的取值赋值问题 包括MAP,LIST,数组等
主要介绍了jQuery对html元素取值与赋值的方法,有需要的朋友可以参考一下
最近开发了一个项目,其中有功能要用户点击下拉框可以实现多选的效果,下文给大家分享实现核心代码和combobox的取值与赋值的代码,对easyui组合框相关知识感兴趣的朋友一起看看吧
一、普通文本框的赋值与取值 1.1.1赋值 <h2>jQuery 表单元素取值与赋值方法总结 <input type="text" class="test1"/> <input type="button" value="赋值" onclick="get()"/> <input type="text" ...
VBA练习Split Excel取值赋值 For循环 数组上限下限LBound UBound
今天小编就为大家分享一篇layui 富文本赋值,取值,取纯文本值的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
三个控件都有一个Items集合,可以用 RepeatLayout 和 RepeatDirection 属性来控制列表的呈现形式
Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val(Set Lbl Value); //文本框,文本区域: $(#text_id).attr(value,'');//清空内容 $(#text_id).attr(value,'test');// 填充内容 ...
。
。
主要介绍通过Jquery如何给基本控件的取值、赋值,需要的朋友可以参考下
主要介绍了jQuery 取值、赋值的基本方法,需要的朋友可以参考下
今天小编就为大家分享一篇vuex直接赋值的三种方法总结,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
Listview取值,与赋值 (1)赋值 with ListView1.Items.Add do begin Caption:=caption; //添加第一项 SubItems.add(aaaaa); //添加后面数据 SubItems.add(1234); SubItems.add(1234); end; //一定要使用WITH...
jquery实现select下拉框的取值与赋值,设置选中的方法大全。 比如<select class=”selector”></select> 1、设置value为pxx的项选中 $(“.selector”).val(“pxx”); 2、设置text为pxx的项选中 $(“....
对于使用fckeditor编辑器的朋友是个不错应用,主要介绍的是js对fckeditor的取值与赋值操作,fckeditor是个不错的比较方便的扩展功能的编辑器。
项目中需要过滤前面表单页面中传过来的实体类的中的String类型变量的前后空格过滤,由于前几天看过一个磨砺营的java反射讲解,非常受益。于是,哈哈哈 public static <T> void modelTrim(T model){ ...