javascript - 从数据库中删除的记录如何更新 UI

Question

我正在使用该Multiselect选项从 JqGrid 中删除记录。

grid.jqGrid('getGridParam', 'selarrrow') 

使用上面的行，我获取用户选择的行 ID 并进行 ajax 调用，传递 ID，然后从数据库中删除它们。

我的疑问是删除后我应该重新形成网格还是处理这个问题的最佳方法是什么？

任何工作示例都会很棒。

Answer 1

您可以重新加载网格，但这会导致服务器再次往返。

或者，由于您已经拥有要删除的行的 ID，您可以遍历该列表并使用delRowData方法来删除它们。这将提供一个响应更快的解决方案：

var rows = grid.jqGrid('getGridParam', 'selarrrow');
rows = rows.slice(); // Create a copy of the array since it
                     // is indirectly modified below
for (var i = 0; i < rows.length; i++){
    jQuery('#mygrid').jqGrid('delRowData', rows[i]);
}

Answer 2

由于数据库中发生更改，因此网格将过时，您实际上可能希望重新加载网格以防止数据过时。