eaysui 利用datagrid 实现左右移除数据
来源:互联网 发布:photoshop 2015 mac 编辑:程序博客网 时间:2024/06/05 01:05
效果图
$(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>
0 0
- eaysui 利用datagrid 实现左右移除数据
- Jquery EaysUI 的datagrid实现查询分页
- 利用ECharts实现数据的左右移动
- eaysui 子页面刷新父页面datagrid
- Android 实现item可左右滑动移除的GridView
- 利用datagrid编辑数据
- Flex中利用DragManager类将DataGrid中的项目移除的例子
- SWT左右List移除和增加
- easyui datagrid 动态添加、移除editor
- android移除数据
- 网易新闻首页的实现,可以添加,移除标签,自动滚动图片,无限左右切换图片
- 利用timer()控件实现文本框左右滚动
- android利用ViewPager实现左右滑动功能
- 利用ViewPager实现左右滑屏
- 利用ligerUI实现类似数据列表过滤展示,类似JQuery datatable和某些框架的dataGrid
- 如何利用DataGrid纵向显示数据?
- 如何利用DataGrid纵向显示数据
- Flex dataGrid实现数据过滤
- Maven的入门使用
- Java 中的 static 使用之静态方法
- 2016暑假练习——最优比例生成树
- Python 获得命令行参数的方法
- 基于多种服务的地理位置查询系统
- eaysui 利用datagrid 实现左右移除数据
- 杭电ACM--与进制有关的oj题
- H5学习之3 拖拽元素 放置元素
- 深入理解java虚拟机(一):java内存区域(内存结构划分)
- (2) java项目中用redis
- CentOs6.5 yum安装lnmp环境
- lintcode kth-smallest-number-in-sorted-matrix 排序矩阵中的从小到大第k个数
- 是网络直播延时(1):起播延时及优化
- 数据结构之图的深度优先遍历和广度优先遍历