在grid结果集中实现全选或全不选某些特定的行
在script的中的代码如下:
function check(){
var id = gridgetselectvalue("require_id");
if(id.length<1)
return;
//var arr=id.split(";");
setcheckstatebyid(grid,id);
}
function setcheckstatebyid(grid, id) {
var main = grid.gettable("11");
var table=document.getElementById("grid");
var rows = gridreport_Rows(main);
var num = rows.length;
var frow;
var fselect;
var i;
if (num > 0 && gridreport_getcheckvalue(rows.eq(0)) != null) {
var ischecked=table.rows[rowindex].cells[0].childNodes[0].checked;
//alert(ischecked);alert(id);
for (i = num - 1; i >= 0; i--) {
frow = rows.eq(i);
fselect = frow.children().eq(0).children().eq(0);
if(table.rows[i].cells[1].innerHTML==id){
fselect[0].checked = ischecked;
}
}
}
}
var rowindex=0;
$(document).ready(function(){
$("#grid td").bind("click",function(){
//colindex = $(this).index();
rowindex=$(this).parent().index();//表示所在行的索引。如果要的是列的索引,把parent()去掉
});
});
在body中获取grid的结果集代码如下:
<div style="height:100%;" align="center">
<div style=" height:98%;width:99%;" align="left">
<grid:gridreport property="grid" merge="true" allowchangecolwidth="true" showtiptext="true" onclick="check();"
idproperty ="require_id" funtype="2" showcheckbox="true" collection="order.list" caption="ordercaption.list" showmenu="true"
reportcaption="结算清单" serial="true" height="99%" width="100%"/>
</div>
在这个里面IDproperty是产生拥有某些一直属性的记录;通过onclick事件来调用script中的check方法;从而让script来完成筛选记录,全部选中的操作;
在grid结果集中实现全选或全不选某些特定的行的更多相关文章
- ExtJS中,将Grid表头中的全选复选框取消复选
今天发现公司产品用的EXTJS中使用Grid时,Grid表头中的全选复选框的选中状态不是很准确,就写了这个小扩展 在js中加入下面方法,在需要取消全选的地方调用即可,例:Ext.getCmp('gri ...
- bootgrid修改成可以全勾选和全取消勾选操作
1. 引言 由于项目需要,需要在不同页面上选择全勾选能全部勾选所有的记录,反勾选也如此.这个需求可以解决了一个样例:如果有150条记录,当前页就10条,你又在每一个页面勾选部分的记录,然后,如果你要全 ...
- js 复选框 全选都选 如果某一个子复选框没选中 则全选按钮不选中
<!DOCTYPE HTML> <html> <head> <meta charset=UTF-8> <title>js 复选框 全选都选 ...
- CheckBox复选框全选以及获取值
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
- jquery的checkbox 全选和全不选
今天写了一个checkbox的全选和全不选的功能: var check_all=function(){ if(this.checked){ //alert($(".adv_check_num ...
- jQuery实现全选、全不选、反选
如图,需要使用jQuery实现全选.全不选.反选功能: 核心代码: 全选 $("#check_all").click(function(){ $("input:check ...
- JavaScript小例子:复选框全选
JavaScript小例子:复选框全选 这只是一个小例子,很简单,但是这个功能还是很常用的: 实现后效果如图: JavaScript代码: <script type="text/jav ...
- jQuery checkbox 所有 全选、全不选、是否选中等
下面是网络收集: jquery判断checked的三种方法:.attr('checked): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或fals ...
- 全选,全不选,反选的js实现
全选练习 ** 使用复选框上面一个属性判断是否选中 - checked属性 - checked=true:选中 ...
- html table之 全选,全不选
就是这个小功能让我和组长引发争端,就是这个小功能让我差点"被"辞职,就是这个自封装的js方法让我放下了对组长的敬畏之心,现在分享一下,其实也很简单,但是真的有这么简单吗? < ...
随机推荐
- JS关闭页面弹窗提醒
<html> <head><title>JS测试</title> <script type="text/javascript" ...
- 多行select中的数据展示和单个删除
/** 删除多选select中 的某个值,公共方法 只适用于同级节点下只有一个select的情况 v 此按钮,this _id,option中的value的name属性 _name,option中的t ...
- 经典排序的python实现
具体原理我这里就不解释了,可以查看数据结构课本或者百度百科 这里只给出相应的代码(很简洁) 1 __author__ = "WSX" class sort: def __init_ ...
- django 后台格式化数据库查询出的日期
在项目中,我遇到这样的情况,使用ajax获取查询出来的数据,而这些数据中某个字段是日期datetime格式,在模板中显示的样式很怪异.由于前端使用了js控件,也不能使用django的模板过滤器. 所以 ...
- js中一切都是对象
<script> function cat(){} var cat = new cat(); console.log(cat.constructor) console.log(typeof ...
- redis 学习笔记(一)
redis 基本类型 String 基本操作: GET 获取存储在给定键中的值 SET 设置存储在给定键中的值 DEL 删除存储在给定键中的值 List 基本操作: LPUSH/RPUSH 从左/右推 ...
- [CoffeeScript]在WebStorm里运行CoffeeScript
CoffeeScript 是一门编译到 JavaScript 的小巧语言. 在 Java 般笨拙的外表下, JavaScript 其实有着一颗华丽的心脏. CoffeeScript 尝试用简洁的方式展 ...
- 大数据-hadoop HA集群搭建
一.安装hadoop.HA及配置journalnode 实现namenode HA 实现resourcemanager HA namenode节点之间通过journalnode同步元数据 首先下载需要 ...
- App功能测试的注意点
好几个月没有写博客记录学习心得了,这次回老家深夜闲来无事写一篇记录下这段时间的面试心得,这次面试过程很多面试官都问APP的有关测试,下面我就自己的认识和工作中的经验来谈谈自己对APP测试的认识: 1. ...
- [转] Gitlab 8.x runner安装与配置
[From]http://muchstudy.com/2018/07/13/Gitlab-8-x-runner%E5%AE%89%E8%A3%85%E4%B8%8E%E9%85%8D%E7%BD%AE ...