jqGrid 删除一行

Question

我已经创建了我的网格并希望使用网格的默认行为来删除一行。

这是我的网格设置代码：

$("#grid").jqGrid('navGrid', '#grid_pager',
    { add: true, addtitle: 'Add Customer', 
      edit: true, edittitle: 'Edit Customer',
      del: true, deltitle: 'Delete Customer', 
      refresh: true, refreshtitle: 'Refresh data',
      search: true, searchtitle: 'Advanced search filters', 
      addfunc: addReferent, editfunc: editReferent
    },
    {}, // default settings for edit
    {}, // default settings for add
    { // define settings for Delete 
        mtype: "post", 
        reloadAfterSubmit: true,
        url: wsBaseUrl + 'CustomerService.asmx/DeleteCustomer',
        resize: false,
        serializeDelData: function(postdata) {
            return JSON.stringify({ customerID: postdata.id });
        }
    },
    { // define settings for search
        closeOnEscape: true, multipleSearch: true, closeAfterSearch: true 
    }, 
    {}
);

这是在服务器上定义的网络服务方法

[WebMethod]
public OperationResult Deletecustomer(string customerID)
{
}

但不幸的是，当我单击删除按钮并在确认窗口上单击确定时，我收到一条错误消息 404。如下图所示

我做错了什么？

编辑：

我已将以下代码添加到我的 jqGrid 初始化中

// Set defaults value for jqGrid
$.jgrid.defaults = $.extend($.jgrid.defaults, {
    mtype: 'post',
    datatype: 'json',
    jsonReader: {
        root: "d.Rows",
        page: "d.Page",
        total: "d.Total",
        records: "d.Records",
        repeatitems: false,
        userdata: "d.UserData",
        id: "Id"
    },
    ajaxGridOptions: { contentType: 'application/json; charset=utf-8' },
    serializeGridData: function (postData) {
        return JSON.stringify(postData);
    },
    ajaxDelOptions: { contentType: 'application/json; charset=utf-8' },
    serializeDelData: function (postData) {
        return JSON.stringify(postData);
    },
    loadui: "block",
    multiboxonly: true,
    rowNum: 25,
    rowList: [25, 50, 100],
    altRows: true,
    altclass: 'ui-priority-secondary',
    autoencode: true,
    autowidth: true,
    rownumbers: true,
    rownumWidth: 30,
    gridview: true,
    hoverrows: true,
    viewrecords: true
});

但我仍然遇到同样的错误...

Answer 1

也许你应该在serializeDelData 中使用JSON.stringify（来自json2.js）。您没有发布需要删除的网络方法DeleteCustomer 的原型，但您的问题可能可以使用以下代码解决：

serializeDelData: function(postdata) {
    return JSON.stringify({customerID: postdata.id});
}

使用 ASMX 服务的另一个常见问题。可能需要定义调用的 web 方法的所有参数（参见here 示例）。

ajaxDelOptions: { contentType: "application/json" }参数的用法也大多是必需的。

使用Fiddler 或Firebug 捕获和分析HTTP 流量会很有帮助。