的jqGrid不显示行

Question

我用这个链接来建立一个基本的jqGrid： http://haacked.com/archive/2009/04/14/using-jquery-grid-with-asp.net-mvc.aspx

这是我的代码：

<script type="text/javascript"> 
jQuery(document).ready(function() { 
    jQuery("#list").jqGrid({ 
     url: '/Home/GridData/', 
     datatype: 'json', 
     mtype: 'GET', 
     colNames: ['ProductID', 'ProductName'], 
     colModel: [ 
     { name: 'ProductID', index: 'ProductID', width: 40, align: 'left' }, 
     { name: 'ProductName', index: 'ProductName', width: 40, align: 'left'}], 

     pager: jQuery('#pager'), 
     rowNum: 10, 
     rowList: [5, 10, 20, 50], 
     sortname: 'Id', 
     sortorder: "desc", 
     viewrecords: true, 
     imgpath: '/scripts/themes/coffee/images', 
     caption: 'My first grid' 
    }); 
}); 

public ActionResult GridData(string sidx, string sord, int page, int rows) 
    { 
     List<Product> listProducts = new List<Product>(){new Product(){ProductName = "koekies",ProductID = 1}, 
     new Product(){ProductName = "snoepjes",ProductID = 2}}; 
     return Json(listProducts, JsonRequestBehavior.AllowGet); 
    } 

Answer 1

你看了整个帖子，你联系？他的回归json看起来与你回归的很不一样。

public ActionResult GridData(string sidx, string sord, int page, int rows) { 
    var jsonData = new { 
    total = 1, // we'll implement later 
    page = page, 
    records = 3, // implement later 
    rows = new[]{ 
     new {id = 1, cell = new[] {"1", "-7", "Is this a good question?"}}, 
     new {id = 2, cell = new[] {"2", "15", "Is this a blatant ripoff?"}}, 
     new {id = 3, cell = new[] {"3", "23", "Why is the sky blue?"}} 
    } 
    }; 
    return Json(jsonData, JsonRequestBehavior.AllowGet); 
} 

该id字段很重要，jsgrid喜欢知道您添加的行号。