Easyui 编辑表格行删除

Posted IAMME

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Easyui 编辑表格行删除相关的知识,希望对你有一定的参考价值。

1.问题描述

  easyui 编辑表格新增一条数据后,删除最后一行删除不了,原因是没有提交数据acceptChanges。

  源码中deleteRow方法,根据坐标获取行html,方法为opts.finder.getTr(_7cb,_7cc).remove()。

  如id="datagrid-row-r4-2-4" 代表的是第五行数据,如果是新增状态显示的是:id="datagrid-row-r4-2-0"

2.解决方法

$("[handler=\'removeRecord\']").unbind("click").click(function(){
    measure.dg.datagrid(\'acceptChanges\');
    var index = $(this).attr(\'index\');
    measure.dg.datagrid(\'deleteRow\', index);
    var data = measure.dg.datagrid(\'getData\');
    measure.dg.datagrid(\'loadData\', data);

});

 

以上是关于Easyui 编辑表格行删除的主要内容,如果未能解决你的问题,请参考以下文章

jquery-easyui 中表格的行编辑功能

easyui datagrid可编辑表格使用经验分享

EasyUI datagrid 明细表格中编辑框 事件绑定 及灵活计算 可根据此思路 扩展其他

EasyUI datagrid 明细表格中编辑框 事件绑定 及灵活计算 可根据此思路 扩展其他

Easyui datagrid 实现表格记录拖拽

解决EasyUI DataGrid删除行失败的方法