jqGrid中数据未绑定，显示空白网格

Question

<script type="text/javascript">
$(document).ready(function () {

        $("#list").jqGrid({
            url: 'SampleController/jqGrid1',
            datatype: "json",
            mtype: 'GET',
            colNames: ['Id', 'Name', 'Mobile', 'Email', 'City', 'State', 'Gender'],
            colModel: [{ name: 'Id', index: 'Id', width: 100 },
                { name: 'Name', index: 'Name', width: 100 },
                { name: 'Mobile', index: 'Mobile', width: 100 },
                { name: 'Email', index: 'Email', width: 100 },
                { name: 'City', index: 'City', width: 100 },
                 { name: 'State', index: 'State', width: 100 },
                { name: 'Gender', index: 'Gender', width: 100 }
            ],
            sortname: 'Id',
            rowNum: 10,
            loadonce: true,
            viewrecords: true,
            caption: 'List of Students',
            scrollOffset: 0,
            gridview: true,
            autoencode:true
        });

    });

控制器代码：

    public JsonResult jqGrid1()
    {
         return Json(objDB.SelectALL(), JsonRequestBehavior.AllowGet);
    }

objDB.SelectAll() 返回一个列表 有什么错误请告知。当我调试代码时，它没有调用示例控制器的方法jqGrid1()。

Answer 1

改变这个：

url: 'SampleController/jqGrid1',

到

url: '/Sample/jqGrid1',

或 使用 Url.Action 辅助方法生成正确的相对 url 到 action 方法。

url: '@Url.Action("jqGrid1","Sample")',

当 razor 为您的视图执行代码时，它将运行 Url.Action 方法并输出正确的 URL（如果需要，它将具有控制器名称）。

编辑：
根据评论 jqGrid 数据未绑定，显示空白网格 您必须使用必要的参数以正确的格式返回 JSON 数据。

例如。

return Json(new{
                 total = 1,
                 page = 1,
                 records = yourCount, // actual data count
                 rows = objDB.SelectALL()// actual data
              });