Easyui datagrid formatter 删除行失败办理

Easyui datagrid formatter 删除行失败办理

题目征象

利用formatter 为每行新增一个删除利用，,删除第一个行的时间没题目，假如存在多行的时间，当删除行时，提示错误

题目缘故原由

   由于是利用 formatter 相称于每行在渲染的时间index已经固定了，因此我在删除的时间就会出现index错误
  办理方案

   1、利用checkbox选择框举行删除（非行编辑）；
2、在每次删除之后重新的渲染formatter 使得index更新
  由于需求要求按行删除，因此选择方案2

错误代码

1. function formatOpt(value, row, index){
2.     return '<a href="javascript:void(0)" οnclick="deleteRow('+index+')"><font color="blue" style="text-decoration:underline">删除</font></a> '
3. }
5. /*删除行*/
6. function deleteRow(index){
7.     $('#addTable').datagrid.('deleteRow',index)
8. }

复制代码

修改子女码

1. function formatOpt(value, row, index){
2.     return '<a href="javascript:void(0)" οnclick="deleteRow('+index+')"><font color="blue" style="text-decoration:underline">删除</font></a> '
3. }
5. /*删除行*/
6. function deleteRow(index){
7.     console.log('index',index)
8.     let dg = $('#addTable');
9.     // 从数据源中删除该行数据
10.     let dataSource = dg.datagrid('getData');
11.     dataSource.rows.splice(index, 1);
12.     dg.datagrid('loadData', dataSource);
13.     // 重新设置formatter相关逻辑，更新索引
14.     dg.datagrid('getColumnOption', 'id').formatter = function(value, row, index){
15.         return '<a href="javascript:void(0)" οnclick="deleteRow('+index+')"><font color="blue" style="text-decoration:underline">删除</font></a> ';
16.     };
17. }

复制代码

假如每次删除之后和服务器交互革新datagrid也可以办理此题目；