这几天做项目,由于项目中用到的EasyUI版本过低,不能使用自带操作DataGrid中CheckBox的方法。

所以自己写了一个临时方案:

根据ID集合选中所属行的CheckBox:

 data={1,2,3,4,5,6};//需要选中项的ID
var funId = data.split(',');
var iden = []; //记录行标记(ProjectFunctionId等于指定值的行)
var x = 0; //自增行标记
for (var i = 0; i < funId.length; i++) {//遍历功能ID
$("table").find("tr").each(function () {//遍历TR
$(this).find("td").each(function () {//遍历TD
if ($(this).attr("field") == "ProjectFunctionId") {//查找field属性等于ProjectFunctionId的集合
$(this).find("div").each(function () {//在集合中查找DIV
if ($(this).text() == funId[i]) {//div text属性值等于功能ID
iden.push(x); //记录行标记
return true;
}
});
}
});
x++; //行标记自增
});
}
x = 0;
for (var i = 0; i < funId.length; i++) {
$("table").find("tr").each(function () {
$(this).find("td").each(function () {
if ($(this).attr("field") == "check") {
if (iden[0] == x) {
$(this).find("div:first").each(function () {
$(this).find(":checkbox").each(function () {
$(this).attr("checked", true); //为checkbox添加checked属性
iden.splice(0, 1); //移除下标为0的行标记
return true;
});
});
}
}
});
x++;
});
}

获取CheckBox选中行的某列值:

  //获取所有选中checkbox的value
var functionIds = "";
var iden = [];
var x = 0;
$("table").find("tr").each(function () {
$(this).find("td").each(function () {
if ($(this).attr("field") == "check") {
$(this).find("div:first").each(function () {
$(this).find(":checkbox").each(function () {
if ($(this).attr("checked") == true) {
iden.push(x);
return true;
}
});
});
}
});
x++;
});
x = 0;
$("table").find("tr").each(function () {
$(this).find("td").each(function () {
if ($(this).attr("field") == "ProjectFunctionId") {
if (iden[0] == x) {
$(this).find("div:first").each(function () {
functionIds += $(this).text() + ",";
iden.splice(0, 1);
return true;
});
}
}
});
x++;
});

希望对大家有所帮助,不过这只是临时解决方案,有更好的方案以后会放上来。

EasyUI 1.3之前DataGrid中动态选中、获取Checkbox的更多相关文章

  1. easyui combobox 在datagrid中动态加载数据

    场景:datagrid 中用编辑框修改数据,有一个列使用的combobox  在可编辑的时候需要动态绑定数据,这个数据是在根据其他条件可变的 思路:在每次开启编辑框的时候动态绑定数据, datagri ...

  2. EasyUi datagrid 单选框选中事件

    Easyui datagrid中的单选框默认是这样定义的 columns: [[ { field: 'CK', title: '', checkbox: true, width: 30 }]]. 平常 ...

  3. EasyUi DataGrid中数据编辑方式及编辑后数据获取,校验处理

    EasyUi中的DataGrid提供前台编辑的相关函数. 实现客户选中DataGrid中一列后,对选中列中的一个字段进行编辑,并对数据进行实时校验后,传递至后台保存的需求, 主要涉及到DataGrid ...

  4. 单击EasyUI的datagrid行时不选中

    单击EasyUI的datagrid行时不选中,行背景色不变,点击选择框checkbox时选中该行 核心代码: $("#msgList").datagrid({        url ...

  5. easyui datagrid中 多表头方法总结

    easyui datagrid中怎么设置表头成多行显示呢?其实很简单,就是给datagrid的columns属性设置成多个数组就行了.下面直接看例子吧,这是一个两行表头的,按照此方法,还可以设置三行表 ...

  6. easyui datagrid中datetime字段的显示和增删改查问题

    datagrid中datetime字段的异常显示: 使用过easyui datagrid的应该都知道,如果数据库中的字段是datetime类型,绑定在datagrid显式的时候会不正常显示,一般需要借 ...

  7. EasyUI 的DataGrid中DateTime的格式化问题

    想必用过EasyUI的朋友们都应该会遇到这样的情况吧:(下图) 在EasyUI中DataGrid中如果要显示DateTime的时间时候,便会显示上图这样的格式,很明显,这里的格式不会是我们想要的,我们 ...

  8. ThinkPHP与EasyUI整合之三(searchbox):在datagrid中查询指定记录

    在datagrid中toolbar添加searchbox查询框,根据列范围查询数据,先看效果图: 1. searchbox采用easyui的Demo例子,再加以js扩展,根据datagrid中的列数据 ...

  9. JQuery easyUi datagrid 中 自定义editor作为列表操作按钮列

    转自   http://blog.csdn.net/tianlincao/article/details/7494467 前言 JQuery easyUi datagrid 中 使用datagrid生 ...

随机推荐

  1. tyvj P1952 Easy(递推+期望)

    P1952 Easy 时间: 1000ms / 空间: 131072KiB / Java类名: Main 描述 某一天WJMZBMR在打osu~~~但是他太弱逼了,有些地方完全靠运气:(我们来简化一下 ...

  2. vijosP1067Warcraft III 守望者的烦恼

    vijosP1067Warcraft III 守望者的烦恼 链接:https://vijos.org/p/1067 [思路] 矩阵乘法. 可以得出递推式:      f[i]=sum{ f[n-1], ...

  3. [YUM]Public key for *.rpm is not installed

    解决办法: 此时要导入rpm的签名信息即可 以root登录,执行下面命令 # rpm --import /etc/pki/rpm-gpg/RPM-GPG-KEY-redhat-release

  4. linux OpenOffice

    1.下载所需的安装包  /project/openofficeorg.mirror/4.0.1/binaries/zh-CN/Apache_OpenOffice_4.0.1_Linux_x86-64_ ...

  5. flash引入

    博客页面引入一个小人的动画时钟代码 <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase ...

  6. 索引查找(索引查找、分块查找) C语言实现

    1.基本概念 索引查找又称分级查找. 索引存储的基本思想是:首先把一个集合或线性表(他们对应为主表)按照一定的函数关系或条件划分成若干个逻辑上的子表,为每个子表分别建立一个索引项,由所有 这些索引项构 ...

  7. 听听Matt Rogish说怎么面试程序员

    Google的人力运营高级副总裁Laszlo Bock在一次采访中说Google发现在面试程序员时问智力题完全是浪费时间,Matt Rogish在他的这篇博客How to Interview Prog ...

  8. 另5个你不知道的HTML5接口API

    原文地址: 5 More HTML5 APIs You Didn’t Know Existed 演示地址: 全屏API Demo 原文日期: 2012年11月08日 翻译日期: 2013年08月13日 ...

  9. Python3.x爬虫教程:爬网页、爬图片、自己主动登录

    林炳文Evankaka原创作品. 转载请注明出处http://blog.csdn.net/evankaka 摘要:本文将使用Python3.4爬网页.爬图片.自己主动登录.并对HTTP协议做了一个简单 ...

  10. systemtap [主设备号,次设备好,inode]监控文件

    SystemTap 是监控和跟踪运行中的linux 内核的操作的动态方法,SystemTap 应用:对管理员,SystemTap可用于监控系统性能,找出系统瓶颈,而对于开发者,可以查看他们的程序运行时 ...