JqG​​rid没有显示任何数据

时间:2014-02-10 18:06:43

标签: jquery jqgrid

我写了这段代码。

<html>
  <head> 
    <title>My First JqGrid</title> 
    <script src="js/jquery-1.8.2.min.js"></script> 
    <link rel="stylesheet" type="text/css" media="screen" href="css/jquery-ui-1.7.2.custom.css" />  
  <script src="js/jquery.jqGrid.min.js"></script>  
  <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" /> 

  <script type="text/javascript">

  $(document).ready(function(){ 

   var obj;
   var mydata='[{"id":"1"},{"id":"2"}]';
   obj = JSON.parse(mydata); 

   $("#list").jqGrid({
        dataType: 'json',
        data :obj,
        colNames: ['id'], 
        colModel: [
                        { name: 'id', index: 'id', width: 120, sortable: true } 

          ], 
        autowidth: true,  
        viewrecords: true 
    });

   });
   </script>

 </head>
<body>
   <table id="list">
<tr>
  <td></td>
</tr>
   </table>  
</body>

一切正常。但我无法看到数据。可能是什么问题?

提前致谢。

1 个答案:

答案 0 :(得分:0)

如果您使用的是本地数据(就像上面的本地数据一样),那么您需要将datatype选项更改为local。另外,请记住,这些内容区分大小写,因此在您的情况下,实际上dataType datatypedatatype: 'local'

An array that stores the local data passed to the grid. You can directly point to this variable in case you want to load an array data.

此外,由于您使用的是本地数据(数组),所以您需要做的就是将数组传递给jQGrid,不要需要像上面那样将数组解析为JSON。 / p>

来自jQGrid文档:

数据:

Defines in what format to expect the data that fills the grid. Valid options are xml (we expect data in xml format), xmlstring (we expect xml data as string), json (we expect data in JSON format), jsonstring (we expect JSON data as a string), local (we expect data defined at client side (array data))

<强>数据类型

{{1}}