dhtmlxgrid实现左右列表数据移动
2012-12-07 10:20
323 查看
//通过grid监听器的onRowSelect函数可以获取当前选定的行的id,ind为你点击列的id //绑定左边列表双击事件 grid.attachEvent("onRowDblClicked", function(id,ind){ var arr = new Array(); for(var i=0;i<grid.getColumnCount();i++){ var val = grid.cells(id,i).getValue(); arr[i] = val; } //把选中的记录新增到右边列表中 grid2.addRow(id,arr); //把选中的记录在左边列表中删除 grid.deleteSelectedRows(); // ######### start 列表排序 (for循环位置不能改变) ######### for(var i=0;i<grid2.getRowsNum();i++){ var val = i+1; grid2.cells2(i,0).setValue(val); } for(var i=0;i<grid.getRowsNum();i++){ var val = i+1; grid.cells2(i,0).setValue(val); } // ######### end 列表排序 (for循环位置不能改变) ######### }); //绑定右边列表双击事件 grid2.attachEvent("onRowDblClicked", function(id,ind){ var arr = new Array(); for(var i=0;i<grid2.getColumnCount();i++){ var val = grid2.cells(id,i).getValue(); arr[i] = val; } //把选中的记录在右边列表中删除 grid2.deleteSelectedRows(); var ids = grid.getAllRowIds();//拿到右边网格中所有的id var idsArr = new Array(); idsArr = ids.split(","); //把选中的记录新增到左边列表中 grid.addRow(id,arr); // ######### start 列表排序 (for循环位置不能改变) ######### for(var i=0;i<grid.getRowsNum();i++){ var val = i+1; grid.cells2(i,0).setValue(val); } for(var i=0;i<grid2.getRowsNum();i++){ var val = i+1; grid2.cells2(i,0).setValue(val); } // ######### end 列表排序 (for循环位置不能改变) ######### });
相关文章推荐
- 实现列表框元素的左右移动
- 【Python-3.3】使用while循环实现列表间数据移动
- jQuery实现可移动选项的左右下拉列表示例
- 基于JavaScript实现下拉列表左右移动代码
- Echarts动画效果:实现数据左右移动
- RecyclerView实现列表Item长按移动、左右滑动删除
- jquery 实现左右下拉列表 选项 移动
- 左右列表选择数据移动
- jQuery 实现左右Select列表数据互换
- 使用JList实现左右数据移动Dual JList with buttons in between
- js实现-下拉列表左右选择
- Android使用ScrollView嵌套ListView实现复杂数据列表选择处理
- 采用ListView实现数据列表显示——SimpleCursorAdapter
- jQuery实现用方向键控制层的上下左右移动
- JS HTML5实现拖拽移动列表效果
- 使用Erlang、C和Lisp实现的BigData解决海量移动数据
- 使用swipemenulistview实现列表的左右滑动
- 学习: 实现动态查询列表视图数据(转)
- JQuery实现select互换数据和上下移动
- 【JavaScript】运用jQuery实现控件左右移动的三种方法