jqgrid добавить строку и отправить данные в веб-сервис для вставки

Question

Мне удалось получить данные из моей БД с помощью jQuery / Ajax из веб-службы в jQGrid. Теперь я хотел бы отправить добавленные / отредактированные данные обратно в веб-сервис. Я видел несколько примеров с использованием PHP и команды editurl :. Будет ли это работать и для веб-сервисов (например, как я изначально извлекал данные)?

Я просмотрел примеры несколько раз. Я даже нашел другой вопрос , который похож на то, что я спрашиваю, однако я не могу найти реальных примеров того, как делать то, что мне нужно. Кто-нибудь существует?

: ОБНОВЛЕНИЕ:

jQuery(document).ready(function () {
    jQuery("#list").jqGrid({
        datatype: processrequest,
        mtype: 'POST',
        jsonReader: {
            root: "ListExercise", //arry containing actual data  
            page: "Page", //current page  
            total: "Total", //total pages for the query  
            records: "Records", //total number of records  
            repeatitems: false,
            id: "ID" //index of the column with the PK in it   
        },
        colNames: ['Id', 'Exercise'],
        colModel: [
      { name: 'exercise_id', index: 'exercise_id',editable:false },
      { name: 'exercise_value', index: 'exercise_value',editable:true }
      ],
        caption: 'MyFitnessApplication',
        pager: '#pager',
        rowNum: 10,
        rowList: [10, 20, 30],
        sortorder: "desc",
        viewrecords: true,
        height: '250px',
        loadonce: true,
        editurl: "../webService/exercise_ws.asmx/insertRecord"      
    }).navGrid('#pager', { edit: true, add: true, del: false });
});

Как видите, я добавил тег editurl. Это похоже на мой веб-сервис. Теперь мне не хватает, как передать фактические параметры в веб-сервис. Я что-то упускаю, и помощь приветствуется!

Answer 1

Прежде всего вы можете изменить некоторые параметры по умолчанию, используемые для добавления / редактирования:

jQuery.extend(jQuery.jgrid.edit, {
    ajaxEditOptions: { contentType: "application/json" },
    recreateForm: true,
    serializeEditData: function (postData) {
        if (postData.exercise_value === undefined) { postData.exercise_value = null; }
        return JSON.stringify(postData);
    }
});

(где JSON.stringify - функции, определенные в http://www.json.org/js.html).. Тогда данные, которые будут отправлены на сервер, будут закодированы в формате JSON. Для удаления можно использовать почти те же настройки

jQuery.extend(jQuery.jgrid.del, {
    ajaxDelOptions: { contentType: "application/json" },
    serializeDelData: function (postData) {
        if (postData.exercise_value === undefined) { postData.exercise_value = null; }
        return JSON.stringify(postData);
    }
});

Теперь вы можете определить insertRecord следующим образом

[WebMethod, ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public int ModifyData (string exercise_value, string oper, string id)
{
    if (String.Compare (id, "_empty", StringComparison.Ordinal) == 0 ||
        String.Compare (oper, "add", StringComparison.Ordinal) == 0) {

        // TODO: add new item with the exercise_value and return new id
        //       as the method result
    }
    else if (String.Compare (oper, "edit", StringComparison.Ordinal) == 0) {
        // TODO: modify the data identified by the id
    }
    else if (String.Compare (oper, "del", StringComparison.Ordinal) == 0) {
        // TODO: delete the data identified by the id
    }
}

Вы не написали, какой тип имеет exercise_id: целое число или строку. Если вы используете строковые идентификаторы, приведенный выше код следует немного изменить.