jgGrid不顯示JSON數據

Question

這是推動我瘋狂，所以任何幫助將是真棒：

我的HTML是如下：

<asp:Content ID="Content3" ContentPlaceHolderID="Content" runat="server" class="MainLoginScreen"> 
     <table id="StudyTable"></table> 
     <div id="StudiesPager"></div> 
</asp:Content> 

我的JavaScript如下：

<script language="javascript" type="text/javascript"> 
     $(document).ready(function() { 
      $("#StudyTable").jqGrid({ 
       url: '/StudyManager/GetStudyTable.aspx', 
       datatype: "json", 
       mtype:"GET", 
       colNames: ['Name', 'URL', 'Creation Date', 'Description', 'Status'], 
       colModel:[ 
        { name: 'Name', width: 200}, 
        { name: 'URL', width: 100 }, 
        { name: 'Creation_Date', width: 300}, 
        { name: 'Description', width: 200 }, 
        { name: 'Status', width: 200} 
       ], 
      rowNum:10, 
      rowList:[10,20,30], 
      viewrecords: true, 
      sortname: 'Name', 
      sortorder: "asc", 
      pager: $('#StudiesPager'), 
      imgpath: '/Content/Images', 
      jsonReader: { 
       root: "rows", 
       page: "page", 
       total: "total", 
       records: "records", 
       repeatitems: true, 
       cell: "cell", 
       id: "id" 
      }, 
      width: 800, 
      height: 400 
      }); 
     }); 
    </script> 

和我的cs碼是：

protected void Page_Load(object sender, EventArgs e) 
     { 
      StringBuilder sb = new StringBuilder(); 
      sb.Append("{'total':1,"); 
      sb.Append("'page':'1',"); 
      sb.Append("'records':'1',"); 
      sb.Append("'rows': ["); 
      sb.Append("{ 'id':'123', 'cell':['abc','abc','abc','abc','abc']}"); 
      sb.Append("]}"); 

      Response.Clear(); 
      Response.StatusCode = 200; 
      Response.Write(sb.ToString()); 
      Response.End(); 
     } 

表和尋呼機顯示完美，但沒有數據呈現到表中。 從我的CS返回的JSON似乎是正確的格式：

{'total':1,'page':'1','records':'1','rows': [{ 'id':'123', 'cell'['abc','abc','abc','abc','abc']}]} 

但沒有數據顯示在網格中。

Answer 1

所有可能導致問題的事情 - 都是單引號。 JSON似乎不允許「單詞」，而是需要「單詞」。

所以從CS輸出JSON應該是：

{"total":"1","page":"1","records":"1","rows": [{ "id":"123", "cell"["abc","abc","abc","abc","abc"]}]} 

Answer 2

你也可以創建類似：

public class JqGridJsonData 
{ 
    public int Total {get;set;} 
    public int Page {get;set;} 
    etc 
} 

和序列化這與Json.NET http://james.newtonking.com/pages/json-net.aspx