jqgrid 如何为每一行创建一个带有删除按钮的删除列？答案

【问题标题】：jqgrid How to make a delete column with a delete button for each row?jqgrid 如何为每一行创建一个带有删除按钮的删除列？
【发布时间】：2015-04-16 06:39:04
【问题描述】：

我有一个 jqgrid，我需要一个删除列，其中每一行都有一个删除按钮，但问题是我只需要删除 localdata 上的行，因为我不需要去服务器但我没有知道如何仅对本地数据执行此操作吗？

【问题讨论】：

了解您使用哪个版本的jqGrid 很重要？ jqGrid 4.7 中包含本地表单编辑（和本地删除表单）。旧版本的jqGrid可以实现本地删除，但是代码会比较长。
hola，tengo la 版本 jqGrid 4.5.1，pero puedo usar una version más reciente 如果这样更好
嗨，我有 jqGrid 4.5.1 版本，但如果更好的话我可以使用更新的版本，请问我想如何在 gqgrid 4.7 中进行本地删除表单？
我在回答中写道，使用 jqGrid 的 editurl: "clientArray" 参数足以在 jqGrid 4.7 或更高版本或免费 jqGrid 中实现本地删除。
嗨，托尼，感谢您的回复，这行得通，我还有一个问题，我在 jqgrid 中有发票行，当用户添加或删除行时，我需要对总列求和，是有什么方法或事件可以做这个总和吗？

标签： jquery jqgrid

【解决方案1】：

看看the old answer，我第一次描述了本地删除的实现。后面的答案：this one 和 this one 包含更新版本的 jqGrid 和表单编辑的其他部分的代码。

盯着 jqGrid 4.7 什么都不用做。 editurl: "clientArray" 的用法是唯一需要做的。

要在网格的每一行中实现“删除”按钮，您可以在附加列中使用formatter: "actions"。默认情况下，它使用editbutton: false 在列的formatoptions 中添加编辑和删除按钮，您可以删除编辑按钮。这样，您将只有您想要的删除按钮。 formatoptions 的delOptions 属性允许您自定义单击删除按钮时调用的delGridRow 的选项。

4.5.1 版本真的很老了。所以我建议你考虑升级到最新版本的免费 jqGrid，你可以从github 下载。此外，通过本地编辑/删除的可能性，您将获得一些性能改进和许多新功能。有关详细信息，请参阅 the readme 和 wiki。自述文件末尾包含的演示中的一些使用关于formatter: "actions" 的本地编辑。因此，您可以根据自己的要求减少演示。

【讨论】：

嗨，托尼，感谢您的回复，这行得通，我有另一个问题，我在 jqgrid 中有一行发票，当用户添加或删除行时，我需要对总列求和，有什么方法或事件可以做这个总和吗？
我在添加新行后进行总和，但我的问题是在删除一行后因为没有事件，所以我尝试从我自己的按钮中删除该行网格，但问题是当用户单击消息“删除选定记录？”的按钮时，我没有办法获取事件 onclick，我如何在用户删除该行？
@Wilmer：我的名字是 Oleg，不是 Tony。按列计算总和的最佳方法取决于您使用的 jqGrid 的其他选项。您可以从使用带有相应参数的方法getCol 开始。您可以使用delGridRow 的回调，如afterComplete，在删除行后执行一些操作。您应该开始发布您使用的代码。它简化了对您所做工作的理解，我可以更准确地回答您。
谢谢奥列格，我只是把我的代码放在这个问题stackoverflow.com/questions/29709294/…。