Question

我正在尝试从通过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数据：

{ “网页”：0， “记录”： “3”， “总”：1， “行”：[{ “小区”：[ “1”， “管理员”， “启用”， “30” ，NULL，NULL， “0”]}，{ “小区”：[ “2”， “测试1”， “30”， “使能”，NULL，NULL， “0”]}，{ “小区”：[” 3" ， “TEST2”， “30”， “使能”，NULL，NULL， “0”]}]}

非常感谢任何帮助。

Answer 1

所以没有网格的任何部分出现？

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

Answer 2

我明白了。

我只需要在 grid.locale-en.js之前添加jquery.jqGrid.min.js 。

带有JSON的jqGrid显示为空

2 个答案: