JS实现两个datagrid的数据移动
来源:互联网 发布:郑州淘宝网店加盟被抓 编辑:程序博客网 时间:2024/06/05 02:36
前言
页面上有两个表格,选中之后点击按钮可以实现数据由左到右或者由右到左的一个数据移动,点击确定之后才会与后台交互。
JS代码
//从左往右移function onclick_leftToRight() { var slected = $('#leftGrid').datagrid("getSelections"); for (var i = 0; i < slected.length; i++) { $('#rightGrid').datagrid('appendRow', slected[i]);//把选择的数据添加到右侧grid var rowIdex = $('#leftGrid').datagrid("getRowIndex",slected[i]);//得到索引 $('#leftGrid').datagrid("deleteRow", rowIdex);//删除左侧grid中被移动的数据 }}//从右往左移function onclick_rightToLeft() { var slected = $('#rightGrid').datagrid("getSelections"); for (var i = 0; i < slected.length; i++) { $('#leftGrid').datagrid('appendRow', slected[i]); //得到索引 var rowIdex = $('#rightGrid').datagrid("getRowIndex",slected[i]); $('#rightGrid').datagrid("deleteRow", rowIdex); }}可以实现表格的移动,获得移动的数据代码如下
var $dg = $('#leftGrid'); var rows = $dg.datagrid('getChanges'); var insertRows = $dg.datagrid('getChanges', "inserted"); var deletRows= $dg.datagrid('getChanges', "deleted");剩下的就看自己的需求,需要什么参数就给后台传什么参数,接下来就是后台代码的实现了。
小结
js,easyui的用法自己都忘得差不多了,在实现页面的过程中也在学习这些用法。
阅读全文
0 0
- JS实现两个datagrid的数据移动
- EasyUI实现两个datagrid之间的数据行拖拽放置
- Winform实现DataGrid数据上下移动
- 用JavaScript实现两个列表框的数据移动
- JS实现DataGrid的全选
- js 两个select之间的左右移动
- 用js实现两个select下拉框之间的元素互相移动
- 用js实现两个select下拉框之间的元素互相移动
- 使用Ajax实现DropDownList和ListBox的联动以及两个ListBox之间数据的移动
- 使用Ajax实现DropDownList和ListBox的联动以及两个ListBox之间数据的移动
- 使用Ajax实现DropDownList和ListBox的联动以及两个ListBox之间数据的移动
- 使用Ajax实现DropDownList和ListBox的联动以及两个ListBox之间数据的移动
- 使用Ajax实现DropDownList和ListBox的联动以及两个ListBox之间数据的移动
- 使用Ajax实现DropDownList和ListBox的联动以及两个ListBox之间数据的移动
- easyui 两个datagrid 数据左移右移
- js实现两个列表框交换数据
- 左右两个Select列表框交换数据的JS代码,上下左右都可以移动数据,还可以置顶、沉底
- js实现div的移动
- 文件传输基础——Java IO流
- 导入测试数据test.sql
- 反射
- docker重启后启动失败Failed to start Docker Application Container Engine.
- MyBatis框架学习(2)----MyBatis接口式编程
- JS实现两个datagrid的数据移动
- 捉迷藏
- Java跨平台
- 高性能网络编程(一)----accept建立连接
- 优惠券领取--Java电商
- 数据结构之栈的初始化、创建、入栈、出栈、销毁-c++代码实现
- maven + mybatis Invalid bound statement (not found) 错误解决
- 关于短信60秒防止刷新问题 纯思路
- loj6223「网络流 24 题」汽车加油行驶问题(分层图spfa)