您的位置:首页 > Web前端 > HTML

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循环位置不能改变) #########
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: