jQuery Grid Plugin - jqGrid - Topic: jgrid not displaying data

tony on jgrid not displaying data

Tue, 29 Dec 2009 16:52:39 +0200

Hello,

If you read my previous post you will see that this is not needed- i.e your code for JSON.parse

Regards

Tony

xworker on jgrid not displaying data

Tue, 29 Dec 2009 10:05:44 +0200

Should I have this on my page or not ?

I get this error in the console :

Fel: JSON.parse

xworker on jgrid not displaying data

Tue, 29 Dec 2009 09:51:42 +0200

Ok, my reader is like this:

jQuery("#list").jqGrid({

                jsonReader : {
                    root:"matches",
                    page: "currpage",
                    total: "totalpages",
                    records: "totalrecords",
                    id: "matchID"

                url:'stats?player=xworker',
                datatype: "json",
                colNames:['matchID','hero', 'score', 'xp','creeps','result','psr','kd'],
                colModel:[
                    {name:'matchID',index:'matchID', width:90,key:true},
                    {name:'hero',index:'hero', width:100},
                    {name:'score',index:'score',width:80, align:"right"},
                    {name:'xp',index:'xp', width:80, align:"right"},
                    {name:'creeps',index:'creeps', width:80,align:"right"},
                    {name:'result',index:'result', width:150, sortable:false},
                    {name:'psr',index:'psr', width:80,align:"right"},
                    {name:'kd',index:'kd', width:80,align:"right"}
                ],
                rowNum:10,
                rowList:[10,20,30],
                pager: '#pager',
                sortname: 'id',
                viewrecords: true,
                sortorder: "desc",
                multiselect: false,
                caption: "Stats"

});

and I changed the data so that it conatins information about number of entries etc. Like this:

{totalpages:4, currpage:1,totalrecords:40 matches:[{"matchID":"17372766","hero":"DiseasedRider","score":"7/0","xp":"9601","creeps":"54","result":"loss","psr":"-15","kd":"7"},...]}

But it still doesnt load. Any ideas?

Thx

tony on jgrid not displaying data

Mon, 28 Dec 2009 18:19:29 +0200

Hello,

You should define the reader in grid options. Also you will need to provide additional information about the number of records and etc, as described into the docs.

If this is not possible for you you should define datatype as function and put some information into the response before pass it to the grid.

Best Regards

Tony

P.S.

You can not define your own JSON parse function if you set

$.jgrid.useJSON = true;

The grid uses it if the flag is set to true

xworker on jgrid not displaying data

Mon, 28 Dec 2009 17:44:50 +0200

ok. so I need to define my own reader. Where do I do that?

My output is like this:

[{"matchID":"123456","hero":"mrx","score":"0","xp":"0","creeps":"0","result":"0","psr":"-0","kd":"0"}]

So I dont really have a root. Can it be empty?

tony on jgrid not displaying data

Mon, 28 Dec 2009 17:13:55 +0200

Hello,

How look your json output. Maybe you will need to configure your jsonReader.

Look here

http://www.trirand.com/jqgridw.....#json_data

Regards

Tony

xworker on jgrid not displaying data

Mon, 28 Dec 2009 17:02:26 +0200

Can't get jgrid to display my data. I see alot of javascirpt warnings in the error console.

My code on the page:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>My First Grid</title>

jQuery(document).ready(function(){

                jQuery("#list").jqGrid({
                    url:'stats?player=xxx',
                    datatype: 'json',
                    mtype: 'GET',
                    colNames:['matchID','hero', 'score', 'xp','creeps','result','psr','kd'],
                    colModel:[
                        {name:'matchID',index:'matchID', width:90},
                        {name:'hero',index:'hero', width:100},
                        {name:'score',index:'score',width:80, align:"right"},
                        {name:'xp',index:'xp', width:80, align:"right"},
                        {name:'creeps',index:'creeps', width:80,align:"right"},
                        {name:'result',index:'result', width:150, sortable:false},
                        {name:'psr',index:'psr', width:80,align:"right"},
                        {name:'kd',index:'kd', width:80,align:"right"}
                    ],

                    pager: '#pager',
                    rowNum:10,
                    rowList:[10,20,30],
                    sortname: 'matchID',
                    sortorder: 'desc',
                    viewrecords: true,
                    caption: 'stats'
                });
                jQuery("#list").jqGrid('navGrid','#pager',{edit:false,add:false,del:false});
            });
        </script>

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

</body>
</html>

The server is a servlet wich output json. Content type is set to "application/json" and the server outputs correctly.

Some of the warnings i see in the console:

Varning: anonymous function does not always return a value
Källkodsfil: http://localhost:8080/StatsServlet/js/jquery.js
Rad: 19, kolumn: 201
Källkod:
F){return this.each(function(){o.event.trigger(E,F,this)})},triggerHandler:function(E,G){if(this[0]){var F=o.Event(E);F.preventDefault();F.stopPropagation();o.event.trigger(F,G,this[0]);return F.result}},toggle:function(G){var E=arguments,F=1;while(F<E.le

Varning: reference to undefined property ts.p.serializeGridData
Källkodsfil: http://localhost:8080/StatsServlet/js/jquery.jqGrid.min.js
Rad: 10

Varning: function eval must be called directly, and not by way of a function of another name
Källkodsfil: http://localhost:8080/StatsServlet/js/jquery.js
Rad: 19

Varning: reference to undefined property o.cache[H][E]
Källkodsfil: http://localhost:8080/StatsServlet/js/jquery.js
Rad: 12

among others.

Any ideas?

Thanks