带有 JSON 的 jqGrid 显示为空答案

【问题标题】：jqGrid with JSON showing up empty带有 JSON 的 jqGrid 显示为空
【发布时间】：2010-07-08 16:19:25
【问题描述】：

我正在尝试从通过 REST 调用生成的 json 数据加载 jqGrid。但我的网格只是页面上的一个空白矩形。这是我的代码：

<body>

<div id="tabs">
    <ul>
        <li><a href="#panel-users">Users</a></li>
        <li><a href="#panel-clients">Clients</a></li>

    </ul>
    <div id="panel-users">
        <table id="list"></table> 
        <div id="pager"></div> 
    </div>
    <div id="panel-clients">

    </div>
</div>

<script type="text/javascript">
    $(function() {
        $("#tabs").tabs();
    });
</script>

<script type="text/javascript">
jQuery(document).ready(function(){ 
  jQuery("#list").jqGrid({
    url:'http://192.168.20.155:3000/admin/rest/users',
    dataType: 'json',
    mtype: 'GET',
    colNames:['Id','Username', 'Minutes','Status','Message','Notes','Troublemaker'],
    colModel :[ 
      {name:'id', index:'id', width:11}, 
      {name:'username', index:'username', width:90}, 
      {name:'minutes', index:'minutes', width:3, align:'right'}, 
      {name:'status', index:'status', width:80, align:'right'}, 
      {name:'message', index:'message', width:80, align:'right', sortable:false}, 
      {name:'note', index:'note', width:150, sortable:false},
      {name:"troublemaker", index:'troublemaker', width:1}
    ],
    pager: '#pager',
    rowNum:10,
    rowList:[10,20,30],
    sortname: 'username',
    sortorder: 'desc',
    viewrecords: true,
    caption: 'My test grid',
    jsonReader : {
    root: "rows",
    page: "page",
    total: "total",
    records: "records",
    repeatitems: true,
    cell: "cell",
    id: "id",
        userdata: "userdata"
    }
  }); 
}); 
</script>

这是 url 返回的 JSON 数据：

{"page":0,"records":"3","total":1,"rows":[{"cell":["1","admin","30","enabled" ,null,null,"0"]},{"cell":["2","test1","30","enabled",null,null,"0"]},{"cell":[" 3","test2","30","已启用",null,null,"0"]}]}

任何帮助将不胜感激。

【问题讨论】：

标签： jquery json jqgrid

【解决方案1】：

所以没有显示网格的任何部分？

您是否确保包括 grid.locale-en.js 文件（假设这是英文）和 jquery.jqGrid.min.js 文件？这是我的第一个猜测，缺少 grid.locale-en.js 文件。

【讨论】：

我觉得不错。这是供您检查的： 192.168.20.155:3000/static/css/redmond/…" /> 192.168.20.155:3000/static/css/ui.jqgrid.css" /> 所有链接都有效。

【解决方案2】：

我想通了。

我只需要包含grid.locale-en.js 之前 jquery.jqGrid.min.js。

【讨论】：