jquery easyui是根据datagrid-row-index和datagrid-row-r1-x-x来定位行的。但在deleteRow方法中,删掉当前行后,只把当前行后面的行的datagrid-row-index更新了。也就是往前提1,弥补被删除行的空缺,但对datagrid-row-r1-x-x却没做任何改动。这样就会造成下次执行 opts.finder.getTr的时候,获得的row错误,不是自己点击的row。造成上面所提的错误。
deleteRow: function(target, index) {
var opts = $.data(target, "datagrid").options;
var data = $.data(target, "datagrid").data;
opts.finder.getTr(target, index).remove();
var gd = $.data(target, "datagrid");
for (var i = index + 1; i < data.rows.length; i++) {
opts.finder.getTr(target, i, "body", 2).attr("datagrid-row-index", i - 1)
.attr("id",gd.rowIdPrefix+"-2-"+(i-1));
var tr1 = opts.finder.getTr(target, i, "body", 1).attr("datagrid-row-index", i - 1)
.attr("id",gd.rowIdPrefix+"-1-"+(i-1));
if (opts.rownumbers) {
tr1.find("div.datagrid-cell-rownumber").html(i);
}
}
data.total -= 1;
data.rows.splice(index, 1);
},
其中.attr("id",gd.rowIdPrefix+"-2-"+(i-1)); .attr("id",gd.rowIdPrefix+"-1-"+(i-1));这个两行同时去设置他对应的datagrid-row-rx-x-x
转自:http://my.oschina.net/fants/blog/77189