Question

我正在使用Trirand的jqGrid。网格标题，行，分页正确显示，但未填充数据行。我经历了很多帖子并尝试了很多解决方案，但它根本行不通。我确信有些事情很简单，但是我无法弄明白。

我从ASP.NET MVC控制器获得以下响应：

{“total”：1，“page”：1，“records”：2，“rows”：[ {“Id”：“1”，“StudentName”：“Student1”}， {“Id”：“2”，“StudentName”：“Student2”}}}

jqGrid代码如下：

$(function () {

$("#jqGrid").jqGrid({

    url: '/Home/GetStudentsLists',
    dataType: "json",
    mtype: 'GET',
    colNames: ['Id', 'StudentName'],
    colModel: [
        { name: 'Id', index: 'Id', width: 60 },
        { name: 'StudentName', index: 'StudentName', width: 60 }
    ],        
    rowNum: 9999,
    sortname: 'Id',
    loadonce: true,
    rowList: [10, 20, 30],
    pager: '#jqpager',
    viewrecords: true,
    sortorder: "desc",
    caption: "Students Details",
    height: 100,
    autowidth: true        
}) });

，包含脚本标记的布局页面如下所示：

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>
    ...
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)

    <link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" />
    <link href="~/Content/jquery.jqGrid/ui.jqgrid.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-ui-1.10.0.js"></script>
    <script src="~/Scripts/i18n/grid.locale-en.js"></script>
    <script src="~/Scripts/jquery.jqGrid.js"></script>
    <script src="~/Scripts/Custom/jQGridStudents.js"></script>
</body>

感谢您的帮助。

Answer 1

所以Oleg在这里帮我找到了问题。谢谢你的帮助奥列格。

问题是由于我写了dataType而不是datatyppe的简单拼写错误。一旦我将dataType更改为datatype，一切都开始工作。

其次，我使用的jqgrid太旧了，所以我要按照上面Oleg的评论中提到的最新版本。

jqGrid不绑定json行。

1 个答案: