Jqgrid nReader，这样您几乎可以读取任何JSON数据。此外，在loadComplete事件处理程序中，您可以看到来自服务器响应的任何其他数据。loadComplete有一个参数。它将被初始化为转换为对象的完整服务器数据：因此与$的success处理程序的da

---

nReader，这样您几乎可以读取任何JSON数据。此外，在

loadComplete

事件处理程序中，您可以看到来自服务器响应的任何其他数据。

loadComplete

有一个参数。它将被初始化为转换为对象的完整服务器数据：因此与

$的
success
处理程序的
data
参数完全相同。ajax

@DrZ:II建议您设置

“缓存控制：”max age=0“

以任何方式显示在服务器的HTTP响应中。在这种情况下，您可以确保任何客户端都将始终从服务器获取最新数据。请写一本书：）我将WebOperationContext语句添加到我的web服务中，这似乎确实做到了。我对你感激不尽。

$.getJSON('FileServices/Get/JSA/' + id, function (data) {
    $("#header_id").html(data.header.Id);
    $('#dateAdded').datepicker();
    $('#number').val(data.header.Number);

    onclickSubmitLocal = function (options, postdata) {
    },
    onAfterComplete = function (response, postdata, formid) {                    
        $("#list").setCell(postdata.id, "Step_Number", postdata.Step_Number);
    },
    editSettings = {                              
        recreateForm: true,
        width: 400,
        mtype: "PUT",
        jqModal: true,
        reloadAfterSubmit: false,
        closeOnEscape: true,
        savekey: [true, 13],
        closeAfterEdit: true,
        viewPagerButtons: false,
        editData: { SomeExtraData: function () { return $('#header_id').val(); } },
        afterComplete: onAfterComplete,
        onclickSubmit: onclickSubmitLocal
    },
    addSettings = {
        recreateForm: true,
        width: 400,
        mtype: "POST",
        jqModal: true,
        reloadAfterSubmit: false,
        savekey: [true, 13],
        closeOnEscape: true,
        closeAfterAdd: true,
        editData: { SomeExtraData: function () { return $('#header_id').val(); } },
        onclickSubmit: onclickSubmitLocal
    };

    $("#list").jqGrid({
        url: 'FileServices/GetList/JSA',
        data: data.details,
        editurl: 'FileServices/Save/JSADetail',
        datatype: 'local',
        ajaxRowOptions: { contentType: "application/json", type: "PUT", asyc: true },       
        serializeRowData: function (data) {
            return JSON.stringify(data);
        },
        gridComplete: function () {
            var ids = jQuery("#list").jqGrid('getDataIDs');
            for (var i = 0; i < ids.length; i++) {
                var cl = ids[i];
                be = "<input style='height:22px;width:20px;' type='button' value='E' onclick=\"jQuery('#list').editRow('" + cl + "');\" />";
                se = "<input style='height:22px;width:20px;' type='button' value='S' onclick=\"jQuery('#list').saveRow('" + cl + "');\" />";
                ce = "<input style='height:22px;width:20px;' type='button' value='C' onclick=\"jQuery('#list').restoreRow('" + cl + "');\" />";
                jQuery("#list").jqGrid('setRowData', ids[i], { act: be + se + ce });
            }

            $("#list").jqGrid('setGridParam', {}).trigger("reloadGrid");
        },
        loadComplete: function (data) {
            var det = $("#details");
            $("#list").setGridWidth(det.width() - 18, true);
        },
        colNames: ['Actions', 'Header_Id', 'Id', 'Step Number', 'Step Description', 'H', 'C', 'S'],
        colModel: [
          { name: 'act', index: 'act', width: 75, sortable: false },
          { name: 'Header_Id', editable: true, index: 'Header_Id', width: 20, sortable: false, hidden: true },
          { name: 'Id', editable: true, index: 'Id', width: 30, sortable: false, hidden: true },
          { name: 'Step_Number', editable: true, index: 'Step_Number', align: 'center', width: 50, fixed: true, resizable: false, sortable: false, title: false, cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="font-weight: bold: true; white-space: normal; vertical-align: middle;' } },
          { name: 'Step_Description', editable: true, index: 'Step_Description', edittype: 'textarea', editoptions: { rows: '4', cols: '40' }, sortable: false, width: 400, cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal; vertical-align: top;' } },
          { name: 'H', index: 'H', width: 200, sortable: false, cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal; vertical-align: top;' } },
          { name: 'C', index: 'C', width: 200, sortable: false, cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal; vertical-align: top;' } },
          { name: 'S', index: 'S', width: 0, sortable: false, hidden: true }
        ],
        pager: '#pager',
        rowNum: 5,
        rowList: [5, 10, 15, 20, 25, 30, 50],
        sortname: 'Id',
        height: 'auto',
        rownumbers: true,
        autowidth: true,
        forceFit: true,
        shrinkToFit: true,
        sortorder: 'asc',
        viewrecords: true,
        gridview: true,
        hidegrid: false,
        caption: ''
    }).navGrid("#pager", { add: true, edit: true, del: false, search: false }, editSettings, addSettings, {}, {}, {});

    $.extend($.jgrid.defaults, {
        datatype: 'json',
        ajaxGridOptions: { contentType: "application/json" }
    });

    $.extend($.jgrid.edit, {
        ajaxEditOptions: { contentType: "application/json" },
        recreateForm: true,
        type: "PUT",
        closeAfterEdit: true,
        closeOnEscape: true,
        serializeEditData: function (postData) {
            return JSON.stringify(postData);
        }
    });
});

[WebInvoke(Method = "PUT", UriTemplate = "/Save/JSADetail", BodyStyle = WebMessageBodyStyle.Wrapped, RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json)]
public string UpdateJSADetail(int Header_Id, int Id, string Step_Number, string Step_Description, string oper, string id)
{
    JSA.Detail detail = new JSA.Detail();

    detail.Id = Id;
    detail.Step_Number = Step_Number;
    detail.Step_Description = Step_Description;

    detail.Update();

    return "Ok";
}

WebOperationContext.Current.OutgoingResponse.Headers.Set (
    HttpResponseHeader.CacheControl,
    "max-age=0");

HttpContext.Current.Response.AddHeader ("Cache-Control", "max-age=0");