jQuery Grid Plugin - jqGrid

Tony,

Well, it seems I have a better understanding now of how it should be configured and how to use the dot notation, but alas I am still not any further visa vis display of data.   Here is my jqgrid call, can you see anything here that is wrong?

$("#statesGrid").jqGrid({
url:'states.json',
datatype: "json",
colNames: ["name","abbreviation","capital","most-populous-city","square-miles","time-zone-1","time-zone-2","dst"],
colModel: [
{name:"name",index:"name",jsonmap:"@attributes.name"},
{name:"abbreviation",index:"abbreviation",jsonmap:"@attributes.abbreviation"},
{name:"capital",index:"capital",jsonmap:"@attributes.capital"},
{name:"most popular city",index:"most-populous-city",jsonmap:"@attributes.most-populous-city"},
{name:"square miles",index:"square-miles",jsonmap:"@attributes.square-miles"},
{name:"time zone 1",index:"time-zone-1",jsonmap:"@attributes.time-zone-1"},
{name:"time zone 2",index:"time-zone-2",jsonmap:"@attributes.time-zone-2"},
{name:"dst",index:"dst",jsonmap:"@attributes.dst"}
],
rowNum:10,
rowList:[10,20,30],
pager: '#pager',
sortname: 'name',
viewrecords: true,
sortorder: "desc",
caption:"States",
jsonReader: {
root: "states.state",
repeatitems: false
},
});

tony said:

Hello,

Just tested your configuration with the data provided from the link.

It works perfectly except that:

1. You have errror into the code:

...jqGrid({
..
jsonReader: {
root: "states.state",
repeatitems: false
}, <==========Error
});

2. You should provide a info for the page, but instead it work without this setting.
If you need online example with your settings I'm ready to prepare for you.

Kind Regards
Tony

Thanks for the reply, but I still dont have it working.   I have made the adjustment you have defined above, still nothing.  I have even simplified the JSON source to be more "standard" and edited my javascript file and still doesnt work.  I can send you both my source file and the modified .json file if you would like? 

tony said:

Hello,

Here is your config with the response:

http://trirand.com/blog/jqgrid.....demo3.html

Regards

Tony

Well, after all this, I found the problem.   In my page, my list object was defined as:

<div id="statesGrid"></div>

changed to

<table id="statesGrid"></table>

And guess what, it worked!  

What does it take to get the column sorting work?