Question

easyui datagrid怎么可以移除多行呢, 请教高手

这个方法只能移除一行 deleteRow;
我这样写:
function del(){
var rows = $('#tt').datagrid("getSelections"); //获取你选择的所有行
//循环所选的行
for(var i =0;i<rows.length;i++){
var index = $('#tt').datagrid('getRowIndex',rows[i]);//获取某行的行号
$('#tt').datagrid('deleteRow',index); //通过行号移除该行
}
}

也不行,因为它是动态删除的,请教高手

Answer 1

function del(){
var rows = $('#tt').datagrid("getSelections");
var copyRows = [];
for ( var j= 0; j < rows.length; j++) {
copyRows.push(rows[j]);
}
for(var i =0;i<copyRows.length;i++){
var index = $('#tt').datagrid('getRowIndex',copyRows[i]);
$('#tt').datagrid('deleteRow',index);
}
}

原因：在easyui-1.3.3以前的版本中datatgrid删除行deleteRow的方法中，他在删除行以后会去调opts.view.deleteRow.call(opts.view,_4d2,_4d3);刷新页面上的行的index，index会发生改变；你原来rows的数据也会发生改变，把这个rows复制给另外一个数组，这样就可以了；

Answer 2

动态删除这样的问题，可以考虑一下，从rows的最后一个开始删除，也就是倒着删，代码表示为：
var rows = $('#tt').datagrid("getSelections"); //获取你选择的所有行
//循环所选的行
for(var i =rows.length-1;i>=0.length;i--){
var index = $('#tt').datagrid('getRowIndex',rows[i]);//获取某行的行号
$('#tt').datagrid('deleteRow',index); //通过行号移除该行
}

Answer 3

var rows = $('#tt').datagrid('getRows');
for (var i=rows.length;i>0;i--){
$('#tt').datagrid('deleteRow',i-1);
}