JQGrid未显示数据。尝试努力没有成功

Question

问题是，我看不到任何网格中的行。不管我多努力，但没有成功。 FireBug正在显示数据。可能是Column的问题？

为什么我看不到数据？

注意：如果我使用数组并将其绑定到网格上，而不是我看到的数组数据。请参阅底部的本地绑定。

我正在使用最新的JQGrid js。我认为版本是4.1.1。今天下载。

* 杰森响应 ------------------- *

{"total":1,"page":1,"records":2,"rows":[{"id":1,"cell":["1","account number","First Name"]},{"id":2,"cell":["2","account number1","First Name1"]}]} 

* 剃刀页 ----- ------------------------ *

 <table id="list"></table> 
      <div id="pager"></div> 

     <link href="/Content/custom-theme/jquery-ui-1.8.13.custom.css" rel="stylesheet" type="text/css" /> 
     <link href="/Content/custom-theme/ui.jqgrid.css" rel="stylesheet" type="text/css" /> 

      <script src="/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script> 
      <script src="/Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script> 
      <script src="/Scripts/jquery.validate.min.js" type="text/javascript"></script> 
      <script src="/Scripts/jquery-ui-1.8.13.custom.min.js" type="text/javascript"></script> 
      <script src="/Scripts/jqgrid/i18n/grid.locale-en.js" type="text/javascript"></script> 
      <script src="/Scripts/jqgrid/jquery.jqGrid.min.js" type="text/javascript"></script> 
      <script src="/Scripts/jqgrid/sandbox-grid.js" type="text/javascript"></script> 

[HttpGet] 
     public JsonResult GetGrids(string sidx, string sord, int page, int rows) 
     { 
      var query = from e in _form.All() select e; 
      var count = query.Count(); 

      var result = new 
      { 
       total = 1, 
       page = page, 
       records = count, 
       rows = query.Select(x => new { x.Id, x.AccountNumber, x.FirstName }) 
          .ToList() 
          .Select(x => new 
          { 
           id = x.Id, 
           cell = new string[] {x.Id.ToString(),x.AccountNumber,x.FirstName} 
          }).ToArray(), 
      }; 

      return Json(result, JsonRequestBehavior.AllowGet); 

     } 


    $(document).ready(function() { 
     jQuery("#list").jqGrid({ 
      url: '/Home/GetGrids/', 
      mtype: 'GET', 
      dataType: 'json', 
      colNames: ['Id', 'Account Number', 'Lastname'], 
      colModel: [ 
       { name: 'Id', index: 'Id', width: 200 }, 
       { name: 'AccountNumber', index: 'AccountNumber', width: 300 }, 
       { name: 'LastName', index: 'LastName', width: 100 } 
      ], 
      rowNum: 10, 
      rowList: [10, 20, 30], 
      pager: '#pager', 
      sortname: 'Id', 
      viewrecords: true, 
      sortorder: "desc", 
      caption: "Pay Your Bill" 
     }); 
     jQuery("#list").jqGrid('navGrid', '#pager', { edit: false, add: false, del: false }); 
    }); 

本地绑定工作 ---------------------------------

var mydata = [ 
       { Id: "1", name: "test", AccountNumber: "note", LastName: "1sdfd sdfsdf00" }, 
       { Id: "2", name: "test2", AccountNumber: "note2", LastName: "2sdf sdfdf00" } 

      ]; 

data: mydata, 

datatype: "local", 

Answer 1

在我看来，主要的错误在您使用的代码是

dataType: 'json' 

，而不是

datatype: 'json' 

因为dataType是未知的jqGrid的，默认值datatype: 'xml'将被使用。

已更新：我建议您始终实施loadError事件处理程序。请参阅the answer的UPDATED部分，其中包含the VS2008 project或the VS2010 project的演示，这是您使用的the Phil Haack demo的修改。