这几天做项目,由于项目中用到的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. java---金额中文大小写实时转换小程序

    本例演示一个String图形用户界面的完整应用程序,包括输入数据, 显示结果,响应事件以及异常处理. 输入一个实数表示金额,每次输入时显示该金额的中文大小写形式,运行窗口见最后. 在窗口中," ...

  2. C++ string 构造的陷阱

    先看代码 #include<iostream> #include<string> using namespace std; int main(int argc, char ** ...

  3. mac下的改装人生——关于mc700安装双硬盘以后的win重装问题

    宝贝到家~玩了几天,感觉神清气爽~今天正式开始准备工作了哈. 今天早上开了mac的win7系统发现了几个小问题.好吧我承认这个真的是小问题,就是我没有办法能调整屏幕的亮度了.重装了bootcamp依然 ...

  4. spring 学习的开源项目

    http://jinnianshilongnian.iteye.com/blog/1508016 http://jinnianshilongnian.iteye.com/blog/2049092 sp ...

  5. C#三种判断数据库中取出的字段值是否为空(NULL) 的方法

    操作数据库,需要判断返回的字段值是否为空,收集了3种方法供参考 1 通过System.DBNull判断,网上大部分都使用这个方法. DataTable dt;                     ...

  6. 微信公众平台--网页授权获取用户基本信息(snsapi_userinfo方式)

    关于snsapi_userinfo网页授权的说明 以snsapi_userinfo为scope发起的网页授权,是用来获取用户的基本信息的.但这种授权需要用户手动同意,并且由于用户同意过,所以无须关注, ...

  7. Windows 10 Technical Preview 10041 使用 IIS Express 运行网站应用程序异常

    在 Windows 10 中使用 Visual Studio 2013 Ultimate with Update 4 开发网站,9926 的时候还好好的,升到 10041 就不能调试了: “Syste ...

  8. HDU 4901(杭电多校训练#3 1005题)The Romantic Hero(DP)

    题目地址:HDU 4901 这题没想到最后竟然可以做出来.. .. 这题用了两次DP,先从前往后求一次异或的.再从后往前求一次与运算的. 各自是 1:求异或的时候,定义二维数组huo[1000][10 ...

  9. android 48 广播

    系统开始重启会发送开机重启广播,电量低的时候会发送电量低的广播,广播注册有2种:系统说明文件xml注册和Java代码注册,前者是静态注册(全局注册)后者是动态注册(依赖于当时组建,组件销毁就收不到广播 ...

  10. JS 拼凑字符串

    和Java一样,JS中直接用"+"号拼凑字符串是很耗费资源的,所以在大量拼凑字符串的情景中,我们也需要一个类似于StringBuffer的工具, 下面利用Array.join()方 ...