EasyUI 1.3之前DataGrid中动态选中、获取Checkbox
这几天做项目,由于项目中用到的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的更多相关文章
- easyui combobox 在datagrid中动态加载数据
场景:datagrid 中用编辑框修改数据,有一个列使用的combobox 在可编辑的时候需要动态绑定数据,这个数据是在根据其他条件可变的 思路:在每次开启编辑框的时候动态绑定数据, datagri ...
- EasyUi datagrid 单选框选中事件
Easyui datagrid中的单选框默认是这样定义的 columns: [[ { field: 'CK', title: '', checkbox: true, width: 30 }]]. 平常 ...
- EasyUi DataGrid中数据编辑方式及编辑后数据获取,校验处理
EasyUi中的DataGrid提供前台编辑的相关函数. 实现客户选中DataGrid中一列后,对选中列中的一个字段进行编辑,并对数据进行实时校验后,传递至后台保存的需求, 主要涉及到DataGrid ...
- 单击EasyUI的datagrid行时不选中
单击EasyUI的datagrid行时不选中,行背景色不变,点击选择框checkbox时选中该行 核心代码: $("#msgList").datagrid({ url ...
- easyui datagrid中 多表头方法总结
easyui datagrid中怎么设置表头成多行显示呢?其实很简单,就是给datagrid的columns属性设置成多个数组就行了.下面直接看例子吧,这是一个两行表头的,按照此方法,还可以设置三行表 ...
- easyui datagrid中datetime字段的显示和增删改查问题
datagrid中datetime字段的异常显示: 使用过easyui datagrid的应该都知道,如果数据库中的字段是datetime类型,绑定在datagrid显式的时候会不正常显示,一般需要借 ...
- EasyUI 的DataGrid中DateTime的格式化问题
想必用过EasyUI的朋友们都应该会遇到这样的情况吧:(下图) 在EasyUI中DataGrid中如果要显示DateTime的时间时候,便会显示上图这样的格式,很明显,这里的格式不会是我们想要的,我们 ...
- ThinkPHP与EasyUI整合之三(searchbox):在datagrid中查询指定记录
在datagrid中toolbar添加searchbox查询框,根据列范围查询数据,先看效果图: 1. searchbox采用easyui的Demo例子,再加以js扩展,根据datagrid中的列数据 ...
- JQuery easyUi datagrid 中 自定义editor作为列表操作按钮列
转自 http://blog.csdn.net/tianlincao/article/details/7494467 前言 JQuery easyUi datagrid 中 使用datagrid生 ...
随机推荐
- C++之拷贝构造函数
为什么要引入拷贝构造函数?(提出问题) 作用:创建一个对象的同时,使用一个已经存在的对象给另一个对象赋值 做比较:拷贝构造函数:对象被创建 + 用一个已经存在的对象 进行初始化 拷贝赋值函数:对象已 ...
- spring maven pom
https://spring.io/blog/2009/12/02/obtaining-spring-3-artifacts-with-maven/
- 使用EF连接现有数据库
新建个项目---在项目内添加新建项-- 选择ADo.NET实体数据模型(我的软件vs2012 上面之所以有两个ADo.NET实体数据模型 是因为上面一个EF4.0 下面一个EF5.0 ) 在实际操作中 ...
- [转载]通过jQuery的attr修改onclick
var js = "alert('B:' + this.id); return false;"; // creates a function from the "js&q ...
- 在Tomcat下部署web项目
每个web项目可以以两种方式存在,如联合风控项目,Urc.war,另一中是Urc解压后的目录结构.而tomcat目录下的\webapps\下则均是要部署的web项目解压后的文件夹,启动tomcat后, ...
- 坚持c++,真正掌握c++(2)
在c++中对c中的输入输出进行了扩展,採用了面向对象的设计方法设计了c++中的输入输出(IO).输入输出依照操作的对象分类可分为:1. 标准IO(对计算机的键盘或者显示器进行读写操作).2. 文件IO ...
- [Redux] Refactoring the Entry Point
We will learn how to better separate the code in the entry point to prepare it for adding the router ...
- location.href的用户总结
*.location.href 使用方法: top.location.href="url" 在顶层页面打开url(跳出框架) self.location.href ...
- shell入门之expr的使用 分类: 学习笔记 linux ubuntu 2015-07-10 14:59 76人阅读 评论(1) 收藏
在expr中加减乘除的使用,脚本如下: #!/bin/sh #a test about expr v1=`expr 5 + 6` echo "$v1" echo `expr 3 + ...
- JavaScript 数据类型转换(显式与隐式)
一.数据类型 JS中有5中简单数据类型(也称为基本数据类型):Undefined.Null.Boolean.Number.String.还有一种复杂数据类型------Object,Object本质是 ...