easyui datagrid 跨页选择
$.fn.extend( memberList ,{
quickSearch : function() {
var time1 = new Date();
/* this.datagrid.datagrid('clearSelections'); */
if(this.advSearchForm) {
this.searchForm.setBaseConditions(this.advSearchForm.getConditions());
}
if( this.beforeSearch(this.searchForm.getQo()) ){
/* this.datagrid.datagrid('clearSelections'); */
this.datagrid.datagrid('load', {
searchConditions : JSON.stringify(this.searchForm.getQo()),
sort : this.sortFields,
order : this.sortRules
});
//initFooter(this,config);
}
var time2 = new Date();
}
});
具体代码:
$("#maingrid").datagrid({
onSelect:function(index,row){
addItem(row.memberId);
},
onUnselect:function(index,row){
removeItem(row.memberId)
},
onSelectAll:function(rows){
addAll(rows);
},
onUnselectAll:function(rows){
removeAll(rows);
},
onLoadSuccess: function(){
if(!ids){
return;
}
var myrows = $('#maingrid').datagrid('getRows');
for(var i=0; i<myrows.length; i++){
for(var j=0; j<ids.length; j++){
if(myrows[i].memberId == ids[j]){
var index = $('#maingrid').datagrid('getRowIndex',myrows[i]);
$('#maingrid').datagrid('selectRow',index);
}
}
}
}
});
function addItem(assetsId){
var arrs = ids.join();
console.info("arrs="+arrs);
if(arrs.indexOf(assetsId) == -1){
ids.push(assetsId);
}
console.info("ids="+ids);
}
//add current page
function addAll(rows){
for(var i=0; i<rows.length; i++){
var arrs = ids.join();
if(arrs.indexOf(rows[i].assetsId) == -1){
ids.push(rows[i].assetsId);
}
}
console.info("addAll-ids="+ids);
}
//remove unSelect
function removeItem(assetsId){
var arrs = ids.join();
console.info("arrs="+arrs);
var indexTmp = arrs.indexOf(assetsId);
console.info("index="+indexTmp);
if(indexTmp != -1){
for(var i=0; i<ids.length; i++){
if(ids[i] == assetsId){
ids.splice(i,1);
}
}
}
console.info("ids="+ids);
}
//remove current page
function removeAll(rows){
for(var i=0; i<rows.length; i++){
var arrs = ids.join();
var indexTmp = arrs.indexOf(rows[i].assetsId);
if(indexTmp != -1){
for(var j=0; j<ids.length; j++){
if(ids[j] == rows[i].assetsId){
ids.splice(j,1);
}
}
}
}
console.info("removeAll-ids="+ids);
}
$("#btn_ok").click(
function(){
var ids = [];
var names=[];
var rows = $('#maingrid').datagrid('getSelections');
for(var i=0; i<rows.length; i++){
ids.push(rows[i].memberId);
names.push(rows[i].trueName);
}
$("#recList").val(ids.join());
$("#member_win").dialog("close");
$("#recListName").textbox("setValue",names.join());
});
easyui datagrid 跨页选择的更多相关文章
- jquery easyui datagrid 获取Checked选择行(勾选行)数据
原文:jquery easyui datagrid 获取Checked选择行(勾选行)数据 getSelected:取得第一个选中行数据,如果没有选中行,则返回 null,否则返回记录. getSel ...
- jquery easyui datagrid翻页后再查询始终从第一页开始
在查询之前将datagrid的属性pageNumber重新设置为1 var opts = grid.datagrid('options'); opts.pageNumber = 1; easyui d ...
- easyui DataGrid 的 Checkbox 选择多行
这么一来在取得 DataGrid 的 Checkbox 有勾选的数据值就可以沿用方式一的程序, 1.$('#ButonGetCheck').click(function(){ 2.var checke ...
- easyui datagrid footer 页脚问题
mvc 的一个例子 public string IndexV2() { var dataGridJson = new DataGridJson(); var data = new List<My ...
- jqGrid 跨页选择以及回显的处理
思路:定义全局的array(selectedIds),当列表选中的时候就push进去,当列表取消选中时,将该项从selectedIds中删除 重点:1.列表加载完成时为列表增加复选框,并给每一个che ...
- easyui datagrid 选中行效果
转:http://blog.csdn.net/hzw2312/article/details/27534065 jquery easyui datagrid 获取Checked选择行(勾选行)数据 g ...
- easyui datagrid单击单元格选择此列
示例代码实现单击jquery easyui datagrid的单元格时,取消datagrid默认选中高亮此行的样式,改为选中单击的单元格所在的列,高亮此列上的所有单元格.可以配置全局single变量, ...
- jquery easyui datagrid 加每页合计和总合计
jquery easyui datagrid 加每页合计和总合计 一:效果图 二:代码实现 这个只有从后台来处理 后台根据rows 和page两个参数返回的datatable 命名为dt 然后根据dt ...
- layui table 跨页记忆选择
layui 表格功能目前默认不支持跨页记忆选择 下面来实现layui table跨页记忆选择实现 基于layui版本 1.4.5 表格跨页通用方法 //表格分页复选框 layui.define(['j ...
随机推荐
- 三部曲一(搜索、数学)-1016-Code
Code Time Limit : 2000/1000ms (Java/Other) Memory Limit : 60000/30000K (Java/Other) Total Submissi ...
- [转]一个简单的Linux多线程例子 带你洞悉互斥量 信号量 条件变量编程
一个简单的Linux多线程例子 带你洞悉互斥量 信号量 条件变量编程 希望此文能给初学多线程编程的朋友带来帮助,也希望牛人多多指出错误. 另外感谢以下链接的作者给予,给我的学习带来了很大帮助 http ...
- 关于配置服务器(IIS7)(二)
然 ,你以为这样就解决问题了? 图样 图森破(too yong too simply).......... HTTP 错误 500.21 - Internal Server Error 处理程序“Pa ...
- popwindow设置背景半透明
WindowManager.LayoutParams lp = getWindow().getAttributes(); lp.alpha = 0.5f; //0.0-1.0 getWindow(). ...
- java中的抽象类和接口
抽象类和接口本身让面向对象真正实现,一个好的系统可以让抽象类或者接口实现多次复用,如果出现了集成具体类那么肯定是有问题的. 抽象类和接口很相似,很多时候好像功能可以混用,java设计者赋予了很多不一样 ...
- redis 集群环境搭建-redis集群管理
集群架构 (1)所有的redis节点彼此互联(PING-PONG机制),内部使用二进制协议优化传输速度和带宽. (2)节点的fail是通过集群中超过半数的节点检测失效时才生效. (3)客户端与redi ...
- 【netty】Netty系列之Netty百万级推送服务设计要点
1. 背景 1.1. 话题来源 最近很多从事移动互联网和物联网开发的同学给我发邮件或者微博私信我,咨询推送服务相关的问题.问题五花八门,在帮助大家答疑解惑的过程中,我也对问题进行了总结,大概可以归纳为 ...
- CSS 分组
选择器分组 假设希望 h2 元素和段落都有灰色.为达到这个目的,最容易的做法是使用以下声明: h2, p {color:gray;} 将 h2 和 p 选择器放在规则左边,然后用逗号分隔,就定义了一个 ...
- 【solr】java整合solr5.0之solrj的使用
1.首先导入solrj需要的的架包 2.需要注意的是低版本是solr是使用SolrServer进行URL实例的,5.0之后已经使用SolrClient替代这个类了,在添加之后首先我们需要根据schem ...
- hadoop实战之分布式模式
环境 192.168.1.101 host101 192.168.1.102 host102 1.安装配置host101 [root@host101 ~]# cat /etc/hosts |grep ...