从DB中删除记录如何更新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

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