jquery - 如何将 jqgrid 值作为表单字段提交？

Question

我正在尝试在用户填写传统表单字段(例如用户名、电话等)的表单中使用 jqGrid。该表单包含用于行项目的 jqGrid，用户可以在其中添加/编辑/删除行，完成后，提交整个表格。我让网格按照我希望的方式工作，只是无法将网格的内容作为包含表单的一部分提交。

这是一个伪代码示例:

<form id="foo">
<input id="username" type="text">Your name<br>
Enter your choices in the grid below:
<!-- imagine jqGrid here -->
<input type="submit" value="Submit the form"></form>

我已经搜索、谷歌搜索、阅读文档、阅读 wiki 等，但只是不知道如何将 jqGrid 行和列作为表单字段传递。任何指导将不胜感激。

Answer 1

可能最好的方法是使用隐藏的表单字段:

<input type="hidden" name="gridData" value="" />

然后，您可以在提交表单之前使用列数据填充该字段。您可以通过在修改网格数据时更新字段来完成此操作，也可以在按下按钮提交表单时调用 JavaScript 函数(并从该函数中调用表单 submit)。

要将网格数据写入隐藏字段，您可以在网格的每一行上连续调用 getRowData，并将每行的数据附加到数组中。或者也许有更好的方法。例如，有一个新的 data 选项可能有效吗？不管怎样，一旦你有了网格数据，你就可以使用 json2.js将数据序列化为 JSON 格式:

JSON.stringify( myGridData );

然后在服务器上，您可以从这个隐藏字段中解码 JSON，并进行相应的处理。