0

我是 jqgrid 的新手。我尝试在我的 mvc 项目中使用 jqgrid。我正在使用以下代码将数据映射到网格。但它不起作用。GetJqGridData 函数首先在我的 MVC 项目中加载。

下面是控制器的代码。

public ActionResult GetJqGridData()
    {
        var jqGridData = new JqGridObject()
        {
            Data = GetSomeSampleData(),
            Page = "1",
            PageSize = 3, // u can change this !  
            SortColumn = "1",
            SortOrder = "asc"
        };

        return Json(jqGridData, JsonRequestBehavior.AllowGet);
    }

下面是 VIEW 的代码。

<link href="../../Content/Site.css" rel="stylesheet" type="text/css" />  
<link href="../../Content/jquery.jqGrid/ui.jqgrid.css" rel="stylesheet" type="text/css" />  
<link href="../../Content/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />

<script src="../../Scripts/jquery-1.9.1.min.js" type="text/javascript"></script>  
<script src="../../Scripts/i18n/grid.locale-en.js" type="text/javascript"></script>  
<script src="../../Scripts/jquery.jqGrid.min.js" type="text/javascript"></script>  
<script type="text/javascript">
    $(document).ready(function () {
        $("#myGrid").jqGrid({
            url: '@Url.Action("GetJqGridData")',
            datatype: 'json',
            myType: 'POST',
            colNames: ['Id', 'Name'],
            colModel: [
{ name: 'Id', index: 'Id' },
{ name: 'Name', index: 'Name' }
],
            jsonReader: {
                root: 'Data',
                id: 'id',
                repeatitems: false
            },
            pager: $('#myPager'),
            rowNum: 5,
            rowList: [2, 5, 10],
            width: 600,
            viewrecords: true,
            caption: 'Jqgrid MVC Tutorial'
        });
    });  
</script>

<table id="myGrid"></table>  
<div id="myPager"></div>

这是我得到的结果 在此处输入图像描述

谢谢梭宾

4

1 回答 1

2

尝试使用以下 json 格式：

{ 
  "total": "xxx", 
  "page": "yyy", 
  "records": "zzz",
  "rows" : [
    {"id" :"1", "cell" :["cell11", "cell12", "cell13"]},
    {"id" :"2", "cell":["cell21", "cell22", "cell23"]},
      ...
  ]
}

有关格式的更多信息，请查看此链接：http ://www.trirand.com/jqgridwiki/doku.php?id=wiki:retrieving_data

于 2013-06-07T03:36:06.510 回答