jquery easyui datagrid deleteRow(删除行)的BUG!
来源:互联网 发布:js和java做安全验证 编辑:程序博客网 时间:2024/05/01 05:17
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
- jquery easyui datagrid deleteRow(删除行)的BUG!
- easyui datagrid deleteRow(删除行)的BUG!
- easyui Datagrid的deleteRow多行删除问题
- easyui Datagrid的deleteRow多行移除问题
- easyui-datagrid多笔删除的BUG
- jquery easyui datagrid的增加,修改,删除
- Datagrid 的 deleteRow、insertRow使用
- easyUI datagrid删除行数据bug 解决办法
- Jquery easyui删除datagrid中的数据
- easyui datagrid 动态删除行
- easyui datagrid 删除行问题
- Datagrid的deleteRow多行移除问题
- Easyui Datagrid 居中 center 时的bug
- jquery EasyUI 心得--------2 datagrid中混用渲染方式引出的bug带给我的反思
- 解决jquery easyui-datagrid列过多且无数据时列显示不全的bug
- jquery-easyui datagrid 中每行增加删除按钮成功删除
- EasyUI datagrid使用JS删除多行rows的解决方案
- JQuery easyui datagrid 获取正在编辑的行索引
- 动作按钮设计
- nginx+tomcat
- Linux启动初始化配置文件浅析
- IOS学习
- sybase 表分区
- jquery easyui datagrid deleteRow(删除行)的BUG!
- js倒计时发送验证码按钮
- wince SAPI 学习
- DOS环境下含包并引用第三方jar的java程序的编译及运行
- OpenCV简单实现PhotoShop图层混合
- 1的个数
- MyBatis 传入参数之parameterType
- 利用NC打造成自己的简单后门
- JS获取屏幕大小