Question

我有以下文件。此文件仅包含html代码： -

的 jqgrid.php 的

<!DOCTYPE html>
<html>
    <head>

        <link rel="stylesheet" type="text/css" media="screen" href="jq_grid/css/base/jquery-ui.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="jq_grid/css/ui.jqgrid.css" />

        <script src="js/jquery 1.8.0.js" type="text/javascript"></script>
        <script src="jq_grid/js/i18n/grid.locale-en.js" type="text/javascript"></script>
        <script type="text/javascript" src="jq_grid/js/jquery.jqGrid.min.js"></script>
        <script type="text/javascript" src="js/accounts.js"> </script>


    </head>
    <body>
        <table id="list2"></table>
        <div id="pager2"></div>

    </body>
</html>

的 accounts.js 的 此fille包含jquery代码

$(document).ready(function(){

    jQuery("#list2").jqGrid({
    url:'http://localhost/property%20guruji/handler/admin/hadler.accounts.php?q=2',
    dataType: "json",
    mtype:"GET",
    colNames:['Id','Username', 'Email', 'Created On'],
    colModel:[
        {name:'id',index:'id', width:55},
        {name:'username',index:'username', width:90},
        {name:'email',index:'email', width:100},
        {name:'createdon',index:'createdon', width:80, align:"right"},

    ],
    rowNum:10,
    rowList:[10,20,30],
    pager: '#pager2',
    sortname: 'id',
    viewrecords: true,
    sortorder: "desc",
    caption:"JSON Example"
});
jQuery("#list2").jqGrid('navGrid','#pager2',{edit:false,add:false,del:false});

});

我有提供json数据的文件

{"page":"1","total":1,"records":5,"rows":[{"id":10,"cell":[10,"vikas","vil@gmail.com","24\/02\/2013"]},{"id":9,"cell":[9,"kaml","kamal@yahoo.in","02\/02\/2013"]},{"id":6,"cell":[6,"jkdfjdkjfkdjf","djfk@yahoo.com","02\/02\/2013"]},{"id":5,"cell":[5,"avdd","email","02\/02\/2013"]},{"id":1,"cell":[1,"admin","admin",""]}]}

加载文件但没有显示数据。

提前致谢

Answer 1

你为什么两次打电话给jqGrid？你在控制台看到错误吗？

Answer 2

我想知道你的JSON。为什么id不在单元格内？虽然它是合法的JSON结构，但它与我的一个网格中的JSON结构不同。

jqGrid JSON示例

{"total":11,"page":1,"records":109,"rows":[{"cell":["243","3/10/2013 9:28 PM","243","username","0.00" ...

jqgrid没有加载数据

2 个答案: