Easyui 编辑表格行删除

Posted 2020-07-06 IAMME

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);

});