Easy前端正确删除datagrid的方式（避免直接删除索引没更新问题）

weixin_30793643

于 2018-10-26 10:19:00 发布

阅读量129

点赞数

CC 4.0 BY-SA版权

文章标签： ui 前端 ViewUI

原文链接：http://www.cnblogs.com/jasonlai2016/p/9854824.html

本文介绍了一种在表格中实现删除行的有效方法，通过使用JavaScript和Easyui插件，详细展示了如何根据ID删除特定行，避免了直接使用索引可能导致的问题。

在删除传参时,不要传索引来删除行

columns: [[
                        { title: '代码', field: 'Code', width: 100 },
                        { title: '名称', field: 'Name', width: 100 },
                        {
                            title: '操作', field: 'Id', formatter: function (value, row, index) {
                                return "<a style='cursor: pointer;margin-right:10px;' onclick='objSub.deleteLISInfoClick(" + value + ")'>删除</a>";
                            },
                        }
                    ]]

deleteLISInfoClick: function (Id) {
        var list = $('#grid').datagrid('getData');
        for (var i = 0; i < list.rows.length; i++) {
            if (list.rows[i].Id == Id) {
                var rowIndex = $('#grid').datagrid('getRowIndex', list.rows[i]);
                $('#grid').datagrid('deleteRow', rowIndex);
                return;
            }
        }
    },

转载于:https://www.cnblogs.com/jasonlai2016/p/9854824.html