`

Extjs4.1 checkboxgroup获取数据库值设置 选中

阅读更多

最近在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初学者学习使用)

    标题中的"Extjs4.1 小例子"意味着这个压缩包包含了一些基础的示例代码,旨在帮助初学者快速入门。通过这些小例子,你可以了解如何使用ExtJS 4.1来创建用户界面,包括布局管理、组件系统、数据绑定、事件处理等核心...

    ExtJs4.1中文API离线BS版

    这个“ExtJs4.1中文API离线BS版”提供了完整的中文文档,方便开发者在没有网络连接或者网络环境不稳定的情况下查阅。 1. **EXTJS4.1中文API**: ExtJS 4.1的中文API文档包含了框架的所有类、方法、属性和事件,这...

    ExtJS实现动态读写Checkboxgroup

    总结起来,动态读写ExtJS的CheckboxGroup涉及创建CheckboxGroup、读取选中值、设置选中值以及监听变化。通过结合`ext-basex.js`文件,你可以构建出更复杂的交互式表单和应用程序。记住,始终关注用户需求和体验,...

    extjs4.1中文文档

    extjs4.1的中文文档,可以方便查看API

    ExtJs4.1 正式版

    ExtJs4.1 正式版,考虑到官网速度慢,放上来服务大家!

    ExtJs 4.1 中文版api

    Extjs 4.1中文版api,非常难得的一款4.1的中文api,值得大家收藏

    ExtJS 4.1 中文版API帮助文档下载

    ExtJS 4.1 中文版API [脚本娃娃---开源文档翻译组]历时一年多完整翻译。 在此友情扩散下载,非常完整详细! 学习ExtJS必备的帮助文档,而且对其中的API进行了汉化,更有利于ExtJS的学习!

    Extjs4.1中文API指南.chm

    Extjs4.1中文API.chm

    ExtJS4.1学习心得及源码

    ExtJS4.1学习心得及源码 目录 一、安装与配置 二、第一个ExtJS例子 三、表格 四、从XML读取数据表格 五、按钮 六、ComboBox控件 七、Panel面板 八、Viewport 九、表单Form 十、窗口 十一、消息对话框 十二...

    extjs4.1修改bug版本

    extjs4.1修改bug版本,已修改数字、日期等多个控件的问题

    100行代码解决ExtJs4.1合并单元格问题

    100行代码解决ExtJs4.1合并单元格问题

    extjs 4.1 beta 预览版

    EXTJS 4.1 Beta 预览版是一款先进的JavaScript框架,专用于构建富客户端Web应用程序。EXTJS的核心是其组件化的架构,提供了一系列可复用的UI组件,包括表格、面板、表单、菜单、工具栏等,使得开发者能够快速创建...

    Extjs 4.1 下拉框 Tree 的实现(mvc)

    本文将深入探讨如何在ExtJS 4.1环境中利用MVC架构实现一个功能丰富的下拉框(Tree ComboBox),并结合具体代码示例进行详细解析。 ### ExtJS 4.1 下拉框Tree实现(MVC) #### 1. MVC架构简介 MVC,即Model-View-...

    无需积分,ExtJs权威指南第一部分(ExtJs4.1)

    无需积分,ExtJs权威指南第一部分(ExtJs4.1),请两部分都下载完成后解压

    ExtJS4.1实现的mvc模式经典入门案例

    总结,本案例"ExtJS4.1实现的mvc模式经典入门案例"旨在帮助新手理解如何在ExtJS中使用MVC模式构建应用。通过模型管理数据,视图展示数据,控制器处理用户交互,以及存储与服务器通信,开发者可以构建出复杂且易于...

    extjs4.1所需包

    标题"extjs4.1所需包"指的是这个压缩包包含了ExtJS 4.1版本开发所需的全部或部分核心文件和资源。 在描述中提到"使用ExtJS4 1所需要的支持文件夹亲测有用",这意味着这个压缩包包含的文件已经过实际测试,确保它们...

    ExtJS4.1+MVC4+Spring.NET1.3+EF5 整合项目数据库

    ExtJS4.1+MVC4+Spring.NET1.3+EF5 整合项目数据库(pdm、sql及sqlite数据库) 原文地址:http://blog.csdn.net/xz2001/article/details/8723266

    ExtJS 4.1中文版帮助文档

    学习ExtJS必备的帮助文档,而且对其中的API进行了汉化,更有利于ExtJS的学习。

    extjs4.1主题皮肤

    EXTJS 4.1是一款强大的JavaScript前端框架,用于构建富客户端应用。它的核心特性包括组件化、可扩展性以及丰富的用户界面(UI)组件。在EXTJS 4.1中,主题皮肤是改变应用程序外观的关键元素,允许开发者根据品牌或者...

    ExtJS4.1+MVC3+Spring.NET1.3+EF5 整合项目数据库

    ExtJS4.1+MVC3+Spring.NET1.3+EF5 整合项目用到的数据库 原文地址: http://blog.csdn.net/xz2001/article/details/8716541 注:该数据库是20130411日修改后的。

Global site tag (gtag.js) - Google Analytics