jqgrid表单编辑editoptions选择ajax添加参数

Question

我正在尝试通过调用 ajax webmethod (asp.net) 在表单编辑 jqgrid 中构建一个选择元素。

如果我调用没有参数的方法，一切都会很好。如果我尝试调用期望字符串参数的 web 方法，它不起作用：

这是代码的摘录：

ajaxSelectOptions: { type: "POST", contentType: 'application/json; charset=utf-8', },
colNames: ['City', 'State'],
colModel: [
{ 
    name: 'City', 
    index: 'City', 
    align: "center", 
    width: 80, 
    searchoptions: { sopt: ['eq', 'ne', 'cn']} ,
    edittype: 'select',
    editable: true, 
    editrules: { required: true },
    editoptions: { 
        dataUrl: '<%# ResolveUrl("~/Service/Domain/ServiceGeographic.asmx/GetCityByState") %>',
        buildSelect: function (data) {
        var retValue = $.parseJSON(data);
        var response = $.parseJSON(retValue.d);

        var s = '<select id="customer_City" name="customer_City">';

        if (response && response.length) {
            for (var i = 0, l = response.length; i < l; i++) {
            s += '<option value="' + response[i]["Id"] + '">' + response[i]["Descrizione"] + '</option>';
            }
        }

        return s + "</select>";
        }                        
    }
},
...

我可以在哪里设置参数以发送到 GetCityByState 网络方法？

编辑：我没有强调我使用 POST 来调用 webmethod。即使我尝试使用Oleg suggested on this link，它也不起作用:(

Answer 1

我认为你需要 jqGrid 的ajaxSelectOptions 参数。例如，如果您需要将所选行的 id 作为附加的id 参数发送到由dataUrl 标识的webmethod，您可以在函数形式中使用ajaxSelectOptions 的data 参数：

ajaxSelectOptions: {
    type: "GET", // one need allows GET in the webmethod (UseHttpGet = true)
    contentType: 'application/json; charset=utf-8',
    dataType: "json",
    cache: false,
    data: {
        id: function () {
            return JSON.stringify($("#list").jqGrid('getGridParam', 'selrow'));
        }
    }
}

因为在上面的代码中使用了参数dataType: "json"，所以你应该修改buildSelect的第一行

buildSelect: function (data) {
    var retValue = $.parseJSON(data);
    var response = $.parseJSON(retValue.d);
    ...

到

buildSelect: function (data) {
    var response = $.parseJSON(data.d);
    ...

此外，因为您使用$.parseJSON(data.d) 行，我可以假设您以错误的方式从网络方法返回数据。通常，来自 web 方法的返回值类型应该是 class。您不应该包含任何对返回对象的手动序列化调用。相反，有些人误解了这一点并将string 声明为webmethod 的返回类型。他们通过调用DataContractJsonSerializer 或JavaScriptSerializer 手动进行JSON 序列化。结果，作为字符串返回的手动序列化数据将再序列化一次。这就是为什么你可以有两个调用$.parseJSON:var retValue = $.parseJSON(data); var response = $.parseJSON(retValue.d);。如果您将在ajaxSelectOptions 中使用dataType: "json"，并且如果您要在Web 方法中不对JSON 进行手动序列化 并且只是像它一样重新生成对象，那么您需要根本没有 打电话给$.parseJSON。你可以直接使用data.d：

buildSelect: function (data) {
    var response = data.d;
    ...