jqGrid删除行 - 编程之家

如何解决jqGrid删除行

| 我已经创建了网格，并希望使用网格的默认行为来删除行。这是我的网格设置代码：

$(\"#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 
    },{}
);

这是服务器上定义的Web服务方法

[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
});

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

解决方法

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

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

在使用ASMX服务的情况下，还有一个常见问题。可能需要定义所调用的web方法的所有参数（请参见此处的示例）。大多数情况下也需要使用“ 7”参数。使用Fiddler或Firebug捕获和分析HTTP流量可能会有所帮助。