asp.net-mvc - 将命令列添加到 Asp.Net MVC 中的 jqGrid

Question

希望你早上好。

我想在我的 Asp.Net 应用程序中使用 jqGrid。到目前为止，我一直在制作一个 html 表格并将其转换为网格，但我想尝试一种更好的方法:通过 AJAX 调用加载数据，就像网格所设想的那样。我发现了如何获取数据，但我希望除了数据列之外还有“编辑”和“删除”列。我如何实现它？

我不想为我的 Controller 中的按钮制作 html。理想的解决方案是只发送数据，让 jqGrid 根据一些客户端模板和 id 值添加所需的列。我无法手动执行此操作，因为我无法将列添加到现有网格中。那么，我该怎么办？

更新。我不需要仅仅实现编辑/删除功能。我需要的是基于一些模板和“id”值添加一个带有 HTML 的列，比如 <a href="MoreDetails/{id}">[More details]</a>

Answer 1

如果您使用 jqGrid，则从服务器发回纯数据是正确的方法。

要按照您的意愿实现行编辑，请查看 jqGrid Demo并在左侧选择“行编辑”，然后选择“自定义编辑”。我个人更喜欢使用这样命名的“inline editing”(在同一演示中选择“行编辑”下的“输入类型”)。您可以通过双击而不是选择行来实现编辑模式的切换(参见 jqGrid - edit only certain rows for an editable column 作为示例)。要删除行，您还可以使用“form editing”中的“删除”按钮。要使用它，您应该添加 Navigator关于 navGrid 方法，并使用相应的参数选择您需要的工具栏中的按钮。要在演示中看到这一点，请选择“实时数据操作”，然后选择“导航器”。

更新:在jqGrid Demo ，查看“行编辑”，然后查看“自定义编辑”，您可以看到如何在 gridComplete 或 loadComplete 句柄中使用 setRowData 来设置 < strong>任何 HTML 代码片段。你为什么不喜欢这种方法？您也可以使用 predefined showlink formatter显示链接或使用 custom formatter和 custom unformatter在 jqGrid 单元格中显示任何 HTML 包含。