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. Как на следующем рисунке

Что я делаю не так?

EDIT:

Я добавил следующий код в мою инициализацию 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

Вероятно, вы должны просто использовать JSON.stringify (из json2.js ) внутри serializeDelData.Вы не опубликовали прототип вашего веб-метода DeleteCustomer, который вам нужно удалить, но, вероятно, ваша проблема может быть решена с помощью следующего кода:

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

Еще одна распространенная проблема в случае использованияуслуг ASMX.Может потребоваться определить все параметры вызываемого веб-метода (см. здесь пример).

Использование параметра ajaxDelOptions: { contentType: "application/json" } также в основном требуется.

Может быть полезно использовать Fiddler или Firebug для захвата и анализа трафика HTTP.