jqGrid內容類型在表單編輯

Question

我是jqGrid的新手。但是，成功地使用jqGrid主要藉助Oleg的答案來開發應用程序。 我加載一個jqGrid的基礎上下拉選擇。數據是從Web服務（asmx）文件返回的。 的代碼是一些這樣的事

jQuery("#list").jqGrid({ 
    url: '<%= ResolveClientUrl("OfficeData.asmx/GetSCFS_RO") %>', 
    editurl: '<%= ResolveClientUrl("OfficeData.asmx/SaveFPSUpdates") %>', 
    datatype: "json", 
    mtype: 'POST', 
    ajaxGridOptions: { contentType: 'application/json; charset=utf-8' }, 
    ajaxEditOptions: { contentType: 'application/json; charset=utf-8', dataType: 'json' }, 
    serializeGridData: function (postData) { 
     // return null; 
     if (postData.OfficeId === undefined) { postData.OfficeId = 0; } 
     else { 
      postData.OfficeId = officeId; 
     } 
     return JSON.stringify(postData); 
    }, 
    jsonReader: { repeatitems: false, root: "d.rows", page: "d.page", 
     total: "d.total", records: "d.records" }, 
    colNames: ['FPSCode', 'Owner Name ', 'Licese_No', 'ShopAddress', 'Village', 
     'License Valid From', 'Valid To','FPS Type','WholeSalerName', 'Mobile'], 
    colModel: [{ name: 'FPSCode', index: 'FPSCode', width: 60, align: 'left', 
     editable:true, editrules:{required:true}, 
     editoptions:{ 
      dataInit: function(element) { 
       $(element).attr("readonly", "readonly"); 
      } 
     } 
    }, 
    ...... 

螢火蟲顯示以下帖子標題

響應頭

...... 
Content-Type  application/json; charset=utf-8 
Date    Tue, 20 Nov 2012 14:20:34 GMT 
Server   ASP.NET Development Server/10.0.0.0 
X-AspNet-Version 4.0.30319 

請求頭

Accept   application/json, text/javascript, */*; q=0.01 
Accept-Encoding gzip, deflate 
Accept-Language en-US,en;q=0.5 
Cache-Control  no-cache 
Connection  keep-alive 
Content-Length 105 
.......... 

正如預期的那樣，我得到的響應是JSON對象。

但是表單提交總是發送Content-Type爲application/x-www-form-urlencoded; charset=UTF-8

響應頭

Cache-Control  private, max-age=0 
Connection  Close 
Content-Length 95 
Content-Type  text/xml; charset=utf-8 
Date    Tue, 20 Nov 2012 14:20:46 GMT 
Server   ASP.NET Development Server/10.0.0.0 

請求頭

Accept   */* 
Accept-Encoding gzip, deflate 
Accept-Language en-US,en;q=0.5 
Cache-Control  no-cache 
Connection  keep-alive 
Content-Length 254 
Content-Type  application/x-www-form-urlencoded; charset=UTF-8 
Cookie   ASP.NET_SessionId=utts2wlhdto4xhae34fzqkt4 
Host    localhost:18017 
Pragma   no-cache 
Referer   Account/FPSUpdate.aspx 
User-Agent  Mozilla/5.0 (Windows NT 6.1; WOW64; rv:16.0) Gecko/20100101 Firefox/16.0 
X-Requested-With XMLHttpRequest 
X-AspNet-Version 4.0.30319 

正如處爲建議tackoverflow我用

ajaxEditOptions: { contentType: 'application/json; charset=utf-8', dataType: 'json' } , 

我想即使在

jQuery.extend(jQuery.jgrid.edit, { 
    ajaxEditOptions: { contentType: 'application/json; charset=utf-8', dataType: 'json' }, 
    ... 
}); 

使用ajaxEditoptions但是沒有在Content-Type沒有變化。 因此，我總是從服務器獲取更新的XML響應。從服務器的輸出是

<string xmlns="http://tempuri.org/">Data Saved</string> 

我無法修復，MIME類型爲JSON。請幫忙。

Answer 1

首先，我很高興，我的舊答案可以幫助你。

使用ajaxEditOptions作爲jqGrid的選項是非常不正確的。它的editGridRow選項，所以你必須將它作爲在navGrid的prmEdit和prmAdd選項屬性或使用

$.extend($.jgrid.edit, { 
    ajaxEditOptions: { contentType: "application/json" } 
}); 

你寫你自己嘗試使用非常接近的選項。我建議您再次驗證一次。要確保該行將被執行，您可以將其包含在JavaScript腳本的開頭的某處。

我個人使用

$.extend($.jgrid.defaults, { 
    ajaxGridOptions: { contentType: "application/json" }, 
    ajaxRowOptions: { contentType: "application/json", async: true }, 
    ajaxSelectOptions: { contentType: "application/json", dataType: "JSON" }, 
    ... 
}); 
$.extend($.jgrid.edit, { 
    ajaxEditOptions: { contentType: "application/json" }, 
    recreateForm: true, 
    serializeEditData: function(postData) { 
     return JSON.stringify(postData); 
    }, 
    .... 
}); 
$.extend($.jgrid.del, { 
    ajaxDelOptions: { contentType: "application/json" } 
    ... 
}); 

，一切按預期工作：一個可以在相應的請求的HTTP頭中看到Content-Type: application/json。

更新：我認爲jqGrid的奇怪行爲的起源是我報告給trirand here的小bug。您可以在jquery.jqGrid.src.js副本中自行進行相應的修改，或者遵守以下規則：如果在$.jgrid.edit（如ajaxEditOptions）中定義了一些非標量（對象）選項，則不應使用navGrid中的選項。如果您要修正jqGrid的代碼，如我在the bug report中所述，則限制將不再存在。

已更新2：在github的主代碼中，該bug已經修復（請參閱here）。所以jqGrid的下一個版本（高於4.4.1）不應該有所描述的問題。