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

Posted 2023-05-09

【中文标题】jqGrid中数据未绑定，显示空白网格

【英文标题】：In jqGrid data is not binding, showing blank grid

【发布时间】：2017-01-14 15:32:36

【问题描述】：

<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()。

【问题讨论】：

url: 'SampleController/jqGrid1', 应该是 url: 'Sample/jqGrid1',

仍然无法正常工作。我输入了 'Sample/jqGrid1'

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

【参考方案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
              );

【讨论】：

，它调用了 jqGrid1() ，但是数据仍然没有绑定到 GridView。