如何在jqGrid中使用自定义数据打开类似表单的编辑？

Question

我在很多页面上使用 jqGrid，但在某些未使用 jqgrid 的页面上，我想显示类似编辑的表单以保持外观和感觉的一致性。

此线程讨论了类似的东西，但这些页面有 jqgrid 表。

基本上，我想知道是否可以使用自定义行数据打开 jqGrid 添加/编辑/查看表单（无需定义完整表）？此外，由于这些表单位于新页面上，我想将它们显示为常规表单，而不是模态表单。

编辑：

我看到的一种可能性：我可以创建一个虚拟表并将其隐藏并生成表单，但这会以模式打开表单，我猜。最后一个选项可能是将 jqGrid css 应用到我的表单中。

Answer 1

因为表单编辑是 jqGrid 的一部分，所以我建议您，就像您在问题中已经提到的那样，创建一个隐藏的 jqGrid 来使用表单 editGridRow 方法。网格的数据可以根据data参数来填充，并且网格应该具有datatype:'local'。至少像 colModel、colNames 等结构。为了更确定您的代码将在 jqGrid 的下一个版本中继续工作，创建隐藏网格比创建一些虚拟结构更好。

所以主要问题是“如何创建非模式添加/编辑/查看表单？”。为此，您可以使用以下添加/编辑/查看选项

jqModal:false,
afterShowForm:function(){
    $("#lui_"+grid[0].id).hide(); // hide overlay like "#lui_list"
}

，其中 grid 是网格/表的 jQuery 包装器：var grid = $("#list")。