效果图

$(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>

  1. <a id="btnRightAll" title="选中全部"  href="javascript:void(0);">
  2. <img src="../libs/static/easyui/themes/default/images/resultset_last.png"  alt="选中全部"  /></a>
  3. </td>
  4. </tr>
  5. <tr>
  6. <td>
  7. <a id="btnLeftAll" title="移除全部"  href="javascript:void(0);">
  8. <img src="../libs/static/easyui/themes/default/images/resultset_first.png" alt="移除全部"  /></a>
  9. </td>
  10. </tr>
  11. </table>
  12. </td>
  13. <td>
  14. <table id="datagrid_right"></table>
  15. </td>
  16. </tr>
  17. </table>
  18. </div>
  19. </form>

eaysui 利用datagrid 实现左右移除数据的更多相关文章

  1. ASP.NET网页生成EXCEL并下载(利用DataGrid或GridView等)

    前几天要在后台查询数据库内容(用entity framework),将查询出来的信息(List或DataTable形式)转成EXCEL供用户下载.经过谷歌.百度搜索,终于搜出了一些代码.似乎可用了,结 ...

  2. C#利用SqlDataAdapte对DataTable进行批量数据操作

    C#利用SqlDataAdapte对DataTable进行批量数据操作,可以让我们大大简化操作数据的代码量,我们几乎不需要循环和不关心用户到底是新增还是修改,更不用编写新增和修改以及删除的SQL语句, ...

  3. 【转】asp.net中利用session对象传递、共享数据[session用法]

    来自:http://blog.unvs.cn/archives/session-transfer-method.html 下面介绍Asp.net中利用session对象传递.共享数据用法: 1.传递值 ...

  4. (转)扩展jquery easyui datagrid 之动态绑定列和数据

    本文转载自:http://blog.csdn.net/littlewolf766/article/details/7336550 easyui datagrid 不支持动态加载列,上次使用的方法是自己 ...

  5. asp.net中利用session对象传递、共享数据[session用法]

    下面介绍Asp.net中利用session对象传递.共享数据用法: 1.传递值: 首先定义将一个文本值或单独一个值赋予session,如下: session[“name”]=textbox1.text ...

  6. 利用jQuery接受和处理xml数据

    使用jQuery+Servlet接受和处理xml数据,模拟判断用户名是否存在,效果如下: 服务器端 package com.ljq.test; import javax.servlet.http.Ht ...

  7. 利用python将mysql中的数据导入excel

    Python对Excel的读写主要有xlrd.xlwt.xlutils.openpyxl.xlsxwriter几种. 如下分别利用xlwt和openpyxl将mysql数据库中查询的数据保存到exce ...

  8. EasyUI中, datagrid用loadData方法绑定数据。

    $("#dg").datagrid("loadData", { , " }, { "ck": "1", &qu ...

  9. easyui combobox 在datagrid中动态加载数据

    场景:datagrid 中用编辑框修改数据,有一个列使用的combobox  在可编辑的时候需要动态绑定数据,这个数据是在根据其他条件可变的 思路:在每次开启编辑框的时候动态绑定数据, datagri ...

随机推荐

  1. RelativeLayout中的格局,自适应宽度布局

    RelativeLayout中的布局,自适应宽度布局 该图片中为android布局:总布局为 RelativeLayoutAtLeft 为居左 <TextView android:backgro ...

  2. DataTable数据赋值给Model通用方法

    注:该文属本人原创,今后项目中发现该方法存在BUG会实时更新,转载记得附上原文出处,方便大家获得最新代码. 相信大家在做项目中,经常会根据不同的表new各种不同的Model,当需要对Model进行实例 ...

  3. 面向过程 vs 面向对象

    从网上摘录了一些面向过程vs.面向对象的分析,先简单记录如下,稍后会继续整理. 为什么会出现面向对象分析方法? 因为现实世界太复杂多变,面向过程的分析方法无法实现. 面向过程 采用面向过程必须了解整个 ...

  4. CentOS7.2 创建本地YUM源和局域网YUM源

    1背景 由于开发环境只有局域网,没法使用网上的各种YUM源,来回拷贝rpm包安装麻烦,还得解决依赖问题. 想着搭建个本地/局域网YUM源,方便自己跟同事安装软件. 2环境 [root@min-base ...

  5. sqlite3 命令

    然后使用下列操作打开并进入数据库 1 2 3 $./adb shell $cd sdcard/path/subdir $sqlite3 dsxniubility.db 终端内进入数据库一般操作也就是 ...

  6. magento目录结构说明,Magento文件夹结构说明,Magento folder structure

    /app – 程序根目录     /app/etc – 全局配置文件目录     /app/code – 所有模块安装其模型和控制器的目录     /app/code/core – 核心代码或经过认证 ...

  7. javascript中的对象,原型,原型链和面向对象

    一.javascript中的属性.方法 1.首先,关于javascript中的函数/“方法”,说明两点: 1)如果访问的对象属性是一个函数,有些开发者容易认为该函数属于这个对象,因此把“属性访问”叫做 ...

  8. C# EasyUI树形结构权限管理模块

    最近悟出来一个道理,在这儿分享给大家:学历代表你的过去,能力代表你的现在,学习代表你的将来. 十年河东十年河西,莫欺少年穷 学无止境,精益求精 本节和大家探讨下C#使用EasyUI树形结构/Tree构 ...

  9. VS2010 LINK1123:failure during conversion to COFF:file invalid or corrupt

    今天用Visual Studio 2010编译一个C工程时突然遇到下面这个编译错误.fatal error LINK1123:failure during conversion to COFF:fil ...

  10. CUtilityCode

    (1) 基于boost的生产者/消费者队列 template<typenameData> classconcurrent_queue { private: std::queue<Da ...