将 ASP.Net 文本框的值发送到 Jqgrid 保存事件

Question

我有一个 asp.net 表单，上面有一个 jqgrid。用户可以在主窗体上输入帐号，然后在 jqgrid 上输入一些数据。

当用户在网格中保存行时，我还想将帐号从表单传递到保存过程，因为我们使用它来计算网格中行的一些折扣信息。

我不确定在保存时如何传递此信息？

更新

我使用 json 作为我的数据类型，使用内联编辑和使用 editurl 将网格发布到处理将其保存到后端数据库的 Web 服务。

更新 2 - 解决方案

这是我用来将文本框的值与普通帖子数据一起传递的代码

jQuery(grid).jqGrid('inlineNav', "#pager", { edit: false, add: true, del: false, search: false,

                //add the extra params to the post call
                addParams: {
                    useDefValues: true,
                    addRowParams: {
                        keys: true,
                        aftersavefunc: reloadGrid,
                        extraparam: { accNo: getAccNumber, colourName: getColName }
                    }
                },
                editParams: {
                    keys: true,
                    aftersavefunc: reloadGrid,
                    extraparam: { accNo: getAccNumber, colourName: getColName }
                }
            });

该函数获取asp.net文本框的值

//get the value of the account number field
            getAccNumber = function () {
                return $("#<%= txtAccNo.ClientID %>").val();
            };

Answer 1

您可以使用editRow 的extraparam 选项：

onSelectRow: function (id) {
    ...
    $(this).jqGrid('editRow', id, {
        keys: true,
        url: "yourServerUrl",
        extraparam: {
            accountNumber: function () {
                return $("#accountNr").val();
            }
        }
    });
    ....
}

带有来自 id="accountNr" 的输入字段的当前值的附加参数 accountNumber 将额外发送到标准数据。

可以看到here对应的demo。因为http://www.ok-soft-gmbh.com/jqGrid/myServerUrl下不存在URL，所以会报错，但是可以在Fiddler、Firebug或IE或Chrome的开发者工具中轻松验证附加参数accountNumber是否真的会发送到服务器。

对于 ASP.NET 代码，您可能需要使用 "<%=accountNumber.ClientID%>" 之类的语法来获取表单相应输入字段的 ID。

可以使用 jqGrid 的 inlineData 选项，将属性定义为方法。这里的想法与here 描述的postData 相同。在the answer 中，您会找到使用inlineData 的示例。