eaysui 利用datagrid 实现左右移除数据
效果图
$(function () {
var logBussnessAgentData = [];
var logInspectionEngineerData = [];
//选中
$("#btnRight").click(function () {
var data_left = $('#datagrid_left').datagrid('getChecked');
var data_rigt = $('#datagrid_right').datagrid('getRows');
var data_rigt_count = data_rigt.length;
if (data_left) {
if (data_left.length > 0) {
var flag = 0;
for (var i = data_left.length - 1; i >= 0; i--) {
if (data_rigt_count > 0) {
flag = 0;
for (var j = data_rigt.length - 1; j >= 0; j--) {
if (data_left[i].ID == data_rigt[j].ID) {
flag = 1;
continue;
}
}
if (flag == 0) {
var DutyRangeAgentObj = new Object();
DutyRangeAgentObj.ID = data_left[i].ID;
DutyRangeAgentObj.AuthorityCode = data_left[i].AuthorityCode;
DutyRangeAgentObj.AuthorityName = data_left[i].AuthorityName;
logInspectionEngineerData.push(DutyRangeAgentObj);
var rowIndexlogSearch = $('#datagrid_left').datagrid('getRowIndex', data_left[i]);
$('#datagrid_left').datagrid('deleteRow', rowIndexlogSearch);
}
else {
var rowIndexlogSearch = $('#datagrid_left').datagrid('getRowIndex', data_left[i]);
if (rowIndexlogSearch > -1) {
$('#datagrid_left').datagrid('deleteRow', rowIndexlogSearch);
}
}
} else {
var DutyRangeAgentObj = new Object();
DutyRangeAgentObj.ID = data_left[i].ID;
DutyRangeAgentObj.AuthorityCode = data_left[i].AuthorityCode;
DutyRangeAgentObj.AuthorityName = data_left[i].AuthorityName;
logInspectionEngineerData.push(DutyRangeAgentObj);
var rowIndexlogSearch = $('#datagrid_left').datagrid('getRowIndex', data_left[i]);
$('#datagrid_left').datagrid('deleteRow', rowIndexlogSearch);
}
}
$("#datagrid_right").datagrid("loadData", logInspectionEngineerData);
}
else {
$.messager.alert('警告', '请选择要设置的权限', "warning");
return;
}
}
});
//移除
$("#btnLeft").click(function () {
var DataRight = $('#datagrid_right').datagrid('getChecked');
var DataRight_Count = DataRight.length;
if (DataRight) {
if (DataRight_Count > 0) {
$.each(DataRight, function (index, item) {
var rowIndexlogSearch = $('#datagrid_right').datagrid('getRowIndex', item);
$('#datagrid_right').datagrid('deleteRow', rowIndexlogSearch);
});
}
else {
$.messager.alert('警告', '请选择要删除数据', "warning");
return;
}
}
});
//选中全部
$("#btnRightAll").click(function () {
var data_left = $('#datagrid_left').datagrid('getRows');
var data_right = $('#datagrid_right').datagrid('getRows');
var data_right_count = data_right.length;
if (data_left) {
if (data_left.length > 0) {
var flag = 0;
for (var i = data_left.length - 1; i >= 0; i--) {
if (data_right_count > 0) {
flag = 0;
for (var j = data_right.length - 1; j >= 0; j--) {
if (data_left[i].ID == data_right[j].ID) {
flag = 1;
continue;
//return true;
}
}
if (flag == 0) {
var DutyRangeAgentObj = new Object();
DutyRangeAgentObj.ID = data_left[i].ID;
DutyRangeAgentObj.AuthorityCode = data_left[i].AuthorityCode;
DutyRangeAgentObj.AuthorityName = data_left[i].AuthorityName;
logBussnessAgentData.push(DutyRangeAgentObj);
var rowIndexlogSearch = $('#datagrid_left').datagrid('getRowIndex', data_left[i]);
$('#datagrid_left').datagrid('deleteRow', rowIndexlogSearch);
}
else {
var rowIndexlogSearch = $('#datagrid_left').datagrid('getRowIndex', data_left[i]);
if (rowIndexlogSearch > -1) {
$('#datagrid_left').datagrid('deleteRow', rowIndexlogSearch);
}
}
} else {
var DutyRangeAgentObj = new Object();
DutyRangeAgentObj.ID = data_left[i].ID;
DutyRangeAgentObj.AuthorityCode = data_left[i].AuthorityCode;
DutyRangeAgentObj.AuthorityName = data_left[i].AuthorityName;
logBussnessAgentData.unshift(DutyRangeAgentObj);
var rowIndexlogSearch = $('#datagrid_left').datagrid('getRowIndex', data_left[i]);
$('#datagrid_left').datagrid('deleteRow', rowIndexlogSearch);
}
}
$("#datagrid_right").datagrid("loadData", logBussnessAgentData);
}
else {
$.messager.alert('警告', '请选择要设置的权限', "warning");
return;
}
}
});
//移除全部
$("#btnLeftAll").click(function () {
var datagrid_right = $('#datagrid_right').datagrid('getRows');
var datagrid_right_count = datagrid_right.length;
if (datagrid_right) {
if (datagrid_right_count > 0) {
$.each(datagrid_right, function (index, item) {
var rowIndexlogSearch = $('#datagrid_right').datagrid('getRowIndex', item);
$('#datagrid_right').datagrid('deleteRow', rowIndexlogSearch);
});
}
else {
msg.alertMsg("请选择要删除数据!");
return;
}
}
});
//查询
$("#btn_search2").click(function () {
$('#datagrid_left').datagrid('load', {
syscode: $.trim($('#q_systemcode').val()),
code: $.trim($('#q_authoritycode2').val()),
name: $.trim($('#q_authorityname2').val())
});
});
//左表格
$('#datagrid_left').datagrid({
width: 300,
height: 200,
url: '/bll/RoleAuthority.ashx',
rownumbers: true,
singleSelect: false,
loadMsg: "正在努力加载数据,请稍后...",
striped: true,
collapsible: false,
animate: true,
columns: [[
{ field: 'ck', checkbox: true },
{ field: 'ID', title: 'ID', hidden: true },
{
title: '权限代码', field: 'AuthorityCode', align: 'left', width: 100
},
{
title: '权限名称', field: 'AuthorityName', align: 'left', width: 150
}
]]
});
/*保存设置权限*/
$('#authority_power').dialog({
width: 670,
title: '角色权限配置',
modal: true,
closed: true,
iconCls: 'icon-user-add',
buttons: [{
text: '提交',
iconCls: 'icon-add',
handler: function () {
var rightData = $('#datagrid_right').datagrid('getRows');
var order = [];
$.each(rightData, function (index, item) {
order.push(item.ID);
});
var values = order.join('$');
$.getJSON('/bll/RoleAuthority.ashx',
{
step: "set",
id: $("#hid_id2").val(),
systemcode_edit: $('#systemcode_edit').val(),
powerids: values
}, function (json) {
var msg = eval(json);
console.log("111返回数据:" + JSON.stringify(msg));
if (parseInt(msg.result) == 1) {
$.messager.show({
title: '提示',
msg: '权限设置成功'
});
$('#authority_edit').dialog('close').form('reset');
$('#authority').datagrid('reload');
} else {
$.messager.alert('权限设置失败!', msg.message, 'warning');
}
});
}
}, {
text: '取消',
iconCls: 'icon-redo',
handler: function () {
$('#authority_add').dialog('close').form('reset');
}
}]
});
});
<form id="authority_power" style="margin: 0; padding: 5px 0 0 5px; color: #333;">
<input id="hid_id2" type="hidden" value="" />
<div style="padding:5px;">
<label style="margin-left: 10px">权限代号:</label><input type="text" class="textbox" id="q_authoritycode2" style="width: 110px"/>
<label style="margin-left: 10px">权限名称:</label><input type="text" class="textbox" id="q_authorityname2" style="width: 110px"/>
<input id="btn_search2" type="button" value="查询" />
</div>
<div>
<table>
<tr>
<td>
<table id="datagrid_left"></table>
</td>
<td>
<table style="width: 30px;">
<tr>
<td>
<a id="btnRight" title="选中" href="javascript:void(0);">
<img src="../libs/static/easyui/themes/default/images/arrow_right.png" alt="选中" /></a>
</td>
</tr>
<tr>
<td>
<a id="btnLeft" title="移除" href="javascript:void(0);">
<img src="../libs/static/easyui/themes/default/images/arrow_left.png" alt="移除" /></a>
</td>
</tr>
<tr>
<td>
- <a id="btnRightAll" title="选中全部" href="javascript:void(0);">
- <img src="../libs/static/easyui/themes/default/images/resultset_last.png" alt="选中全部" /></a>
- </td>
- </tr>
- <tr>
- <td>
- <a id="btnLeftAll" title="移除全部" href="javascript:void(0);">
- <img src="../libs/static/easyui/themes/default/images/resultset_first.png" alt="移除全部" /></a>
- </td>
- </tr>
- </table>
- </td>
- <td>
- <table id="datagrid_right"></table>
- </td>
- </tr>
- </table>
- </div>
- </form>
eaysui 利用datagrid 实现左右移除数据的更多相关文章
- ASP.NET网页生成EXCEL并下载(利用DataGrid或GridView等)
前几天要在后台查询数据库内容(用entity framework),将查询出来的信息(List或DataTable形式)转成EXCEL供用户下载.经过谷歌.百度搜索,终于搜出了一些代码.似乎可用了,结 ...
- C#利用SqlDataAdapte对DataTable进行批量数据操作
C#利用SqlDataAdapte对DataTable进行批量数据操作,可以让我们大大简化操作数据的代码量,我们几乎不需要循环和不关心用户到底是新增还是修改,更不用编写新增和修改以及删除的SQL语句, ...
- 【转】asp.net中利用session对象传递、共享数据[session用法]
来自:http://blog.unvs.cn/archives/session-transfer-method.html 下面介绍Asp.net中利用session对象传递.共享数据用法: 1.传递值 ...
- (转)扩展jquery easyui datagrid 之动态绑定列和数据
本文转载自:http://blog.csdn.net/littlewolf766/article/details/7336550 easyui datagrid 不支持动态加载列,上次使用的方法是自己 ...
- asp.net中利用session对象传递、共享数据[session用法]
下面介绍Asp.net中利用session对象传递.共享数据用法: 1.传递值: 首先定义将一个文本值或单独一个值赋予session,如下: session[“name”]=textbox1.text ...
- 利用jQuery接受和处理xml数据
使用jQuery+Servlet接受和处理xml数据,模拟判断用户名是否存在,效果如下: 服务器端 package com.ljq.test; import javax.servlet.http.Ht ...
- 利用python将mysql中的数据导入excel
Python对Excel的读写主要有xlrd.xlwt.xlutils.openpyxl.xlsxwriter几种. 如下分别利用xlwt和openpyxl将mysql数据库中查询的数据保存到exce ...
- EasyUI中, datagrid用loadData方法绑定数据。
$("#dg").datagrid("loadData", { , " }, { "ck": "1", &qu ...
- easyui combobox 在datagrid中动态加载数据
场景:datagrid 中用编辑框修改数据,有一个列使用的combobox 在可编辑的时候需要动态绑定数据,这个数据是在根据其他条件可变的 思路:在每次开启编辑框的时候动态绑定数据, datagri ...
随机推荐
- hosts的设置,我们直接可以在下面路径找到hosts文件:C:\Windows\System32\drivers\etc
hosts的设置,我们直接可以在下面路径找到hosts文件:C:\Windows\System32\drivers\etc
- Go语言的GOPATH与工作目录详解
这篇文章主要介绍了Go语言的GOPATH与工作目录详解,本文详细讲解了GOPATH设置.应用目录结构.编译应用等内容,需要的朋友可以参考下 GOPATH设置 go 命令依赖一个重要的环境变量:$GOP ...
- ios - block循环引用Demo示例
当实例变量中有了block属性,并且用copy来修饰,但是当调用block中的代码的时候,如果block中运用了self.属性的时候回造成循环引用. // // ViewController.h // ...
- 手机app开发:浅谈APP登录方式的优劣
手机app开发公司亿合科技要是给你一个机会设计一款APP,你会用什么方式做这个APP的登录模块?根据APP的业务模型的不同会有不同的设计方法.如果是偏内容型的APP,需要优先展示内容给用户,当用户需要 ...
- DataAnnotations里DisplayAttribute和 ValidationAttribute 如何从资源文件读取信息,显示多语言
这个是我们常见的AccountModel代码 public class ChangePasswordModel { [Required] [DataType(DataType.Password)] [ ...
- poj 2393 Yogurt factory
http://poj.org/problem?id=2393 Yogurt factory Time Limit: 1000MS Memory Limit: 65536K Total Submis ...
- freemarker配置信息
<!-- <!– freemarker的配置 –> <bean id="freemarkerConfigurer" class="org.spr ...
- JavaSE基础第四篇
1.参数传递 2,方法的重载 方法的参数的个数.类型.顺序 跟修饰符.返回值无关 3.构造方法: return 表示当前方法执行结束,后面不能写任何语句 4工程导入 单个.java文件粘贴 ...
- PHP设计模式之:单例模式
前 些日子开始着真正的去了解下设计模式,开始么,简单地从单例模式开始,当然网上看了一些资料,单例模式比较好理解,看看介绍,然后看看代码基本也就能够理 解了,设计模式这些的花点心思基本的是能够理 ...
- MIL 多示例学习 特征选择
一个主要的跟踪系统包含三个成分:1)外观模型,通过其可以估计目标的似然函数.2)运动模型,预测位置.3)搜索策略,寻找当前帧最有可能为目标的位置.MIL主要的贡献在第一条上. MIL与CT的不同在于后 ...