jgalak on Need help with json data source

Mon, 22 Jul 2013 05:06:31 +0300

I'm very new to PHP/JavaScript/JQuery/JQGrid, so please bear with me.

I'm trying to set up a very basic grid, just to test how things work.

Here's my grid definition:

    <script src="http://192.168.1.70/phils/jsgr.....9.0.min.js" type="text/javascript"> </script>
    <script src="http://192.168.1.70/phils/jsgr.....cale-en.js" type="text/javascript"></script>
    <script src="http://192.168.1.70/phils/jsgr.....rid.min.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function()
        {
            $("#list").jqGrid(
                {
                    url: "http://192.168.1.70/phils/js&quot;,
                    dataype: "json",
                    mtype: "GET",
                    colNames: ["username", "email"],
                    colModel: [
                        {name: "username"},
                        {name: "email"},
                    ],
                    pager: "#pager",
                    rowNum: 10,
                    rowList: [10, 20, 30],
                    sortname: "id",
                    sortorder: "desc",
                    viewrecords: true,
                    gridview: true,
                    autoencode: true,
                    caption: "My first grid"
                });
        });
    </script>

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

</body>
</html>


Here's the json (achieved by going to http://192.168.1.70/phils/js directly):

{
"total":"1",
"page":"1",
"records":"2",
"rows":[
{"id":"1","cell":["test1","test@test.com"]},
{"id":"2","cell":["test2","test@test.com"]}
]}

Firefox' web console gives the error "[22:03:18.521] not 
well-formed @ http://192.168.1.70/phils/jq:1" (thats the file with the grid)

Firebug gives the error "H is undefined Line 2" in jqery-1.9.0.min.js

I've checked and the return type of the json is "application/json".

The grid comes up, but contains no data.  Any advice greatly appreciated.

jQuery Grid Plugin - jqGrid - Topic: Need help with json data source

jgalak on Need help with json data source