最近在extjs4.1升级,升级以后出现了一些问题:显著就是checkboxgroup和radiogroup的取值和设置值的问题,在这里列出了例子给大家参考。
//将后台数据转换为'1'数组
function transtyle(v){
var arr=v.split(',');
var c=new Array();
var k = ['1','2','3','4','5'];
for(var i=0;i<arr.length;i++){
arr[i].replace(' ','');
for(var j=1;j<=5;j++){
if(j==arr[i]){
c[i] = k[j-1];
}
}
}
return c;
}
//已通过科目
var passedCourseGroup = new Ext.form.CheckboxGroup({
columns: 5,
fieldLabel: '已通过科目',
// width:380,
id:'passedCourse',
items: [{
name: 'passedCourse',
boxLabel: '证券市场基础知识',
inputValue: '1'
}, {
name: 'passedCourse',
boxLabel: '证券交易',
inputValue: '2'
}, {
name: 'passedCourse',
boxLabel: '证券投资分析',
inputValue: '3'
}, {
name: 'passedCourse',
boxLabel: '证券投资基金',
inputValue: '4'
}, {
name: 'passedCourse',
boxLabel: '发行与承销',
inputValue: '5'
}]
});
var v='${csManageTO.csQulificateTO.passedCourse}';
var c = transtyle(v);
passedCourseGroup.setValue({
passedCourse: c
});
这个方式差不多是可以设置选中的。
具体解释就不多说了,相信各位应该能理解。
//获取checkbox的值,并拼成字符串
function getCheckgroupId(checkgroupId){
var passedCourseArr=Ext.getCmp(checkgroupId).getChecked();//这个可以取到选到选中的数组
var passedCourseStr = '';
var passedCourseLen=passedCourseArr.length;
for(var i=0;i<passedCourseLen;i++){
if(i==passedCourseLen-1){
passedCourseStr+=passedCourseArr[i].inputValue;
}else{
passedCourseStr+=passedCourseArr[i].inputValue+', ';
}
}
return passedCourseStr;
}
分享到:
相关推荐
标题中的"Extjs4.1 小例子"意味着这个压缩包包含了一些基础的示例代码,旨在帮助初学者快速入门。通过这些小例子,你可以了解如何使用ExtJS 4.1来创建用户界面,包括布局管理、组件系统、数据绑定、事件处理等核心...
这个“ExtJs4.1中文API离线BS版”提供了完整的中文文档,方便开发者在没有网络连接或者网络环境不稳定的情况下查阅。 1. **EXTJS4.1中文API**: ExtJS 4.1的中文API文档包含了框架的所有类、方法、属性和事件,这...
总结起来,动态读写ExtJS的CheckboxGroup涉及创建CheckboxGroup、读取选中值、设置选中值以及监听变化。通过结合`ext-basex.js`文件,你可以构建出更复杂的交互式表单和应用程序。记住,始终关注用户需求和体验,...
extjs4.1的中文文档,可以方便查看API
ExtJs4.1 正式版,考虑到官网速度慢,放上来服务大家!
Extjs 4.1中文版api,非常难得的一款4.1的中文api,值得大家收藏
ExtJS 4.1 中文版API [脚本娃娃---开源文档翻译组]历时一年多完整翻译。 在此友情扩散下载,非常完整详细! 学习ExtJS必备的帮助文档,而且对其中的API进行了汉化,更有利于ExtJS的学习!
Extjs4.1中文API.chm
ExtJS4.1学习心得及源码 目录 一、安装与配置 二、第一个ExtJS例子 三、表格 四、从XML读取数据表格 五、按钮 六、ComboBox控件 七、Panel面板 八、Viewport 九、表单Form 十、窗口 十一、消息对话框 十二...
extjs4.1修改bug版本,已修改数字、日期等多个控件的问题
100行代码解决ExtJs4.1合并单元格问题
EXTJS 4.1 Beta 预览版是一款先进的JavaScript框架,专用于构建富客户端Web应用程序。EXTJS的核心是其组件化的架构,提供了一系列可复用的UI组件,包括表格、面板、表单、菜单、工具栏等,使得开发者能够快速创建...
本文将深入探讨如何在ExtJS 4.1环境中利用MVC架构实现一个功能丰富的下拉框(Tree ComboBox),并结合具体代码示例进行详细解析。 ### ExtJS 4.1 下拉框Tree实现(MVC) #### 1. MVC架构简介 MVC,即Model-View-...
无需积分,ExtJs权威指南第一部分(ExtJs4.1),请两部分都下载完成后解压
总结,本案例"ExtJS4.1实现的mvc模式经典入门案例"旨在帮助新手理解如何在ExtJS中使用MVC模式构建应用。通过模型管理数据,视图展示数据,控制器处理用户交互,以及存储与服务器通信,开发者可以构建出复杂且易于...
标题"extjs4.1所需包"指的是这个压缩包包含了ExtJS 4.1版本开发所需的全部或部分核心文件和资源。 在描述中提到"使用ExtJS4 1所需要的支持文件夹亲测有用",这意味着这个压缩包包含的文件已经过实际测试,确保它们...
ExtJS4.1+MVC4+Spring.NET1.3+EF5 整合项目数据库(pdm、sql及sqlite数据库) 原文地址:http://blog.csdn.net/xz2001/article/details/8723266
学习ExtJS必备的帮助文档,而且对其中的API进行了汉化,更有利于ExtJS的学习。
EXTJS 4.1是一款强大的JavaScript前端框架,用于构建富客户端应用。它的核心特性包括组件化、可扩展性以及丰富的用户界面(UI)组件。在EXTJS 4.1中,主题皮肤是改变应用程序外观的关键元素,允许开发者根据品牌或者...
ExtJS4.1+MVC3+Spring.NET1.3+EF5 整合项目用到的数据库 原文地址: http://blog.csdn.net/xz2001/article/details/8716541 注:该数据库是20130411日修改后的。