JS实现两个datagrid的数据移动

前言

  页面上有两个表格，选中之后点击按钮可以实现数据由左到右或者由右到左的一个数据移动，点击确定之后才会与后台交互。

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的用法自己都忘得差不多了，在实现页面的过程中也在学习这些用法。