jQuery Grid Plugin – jqGrid

Hi,

I have a problme with the treegrid that really baffles me.

Some context:

I have a grid with a custom formatter, and a switch to change this grid to a treegrid (with a .GridUnload method)

this is some code:

colModel:[ ....
            {name:'info',index:'info', width:40,formatter:abk_testFormat,resizable:false,search:false,sortable:false,jsonmap:"name"}
            ],

and my abk_testFormat:

abk_testFormat = function(el, cellval, opts){//used to display the 'info' link
    console.log("test1",opts);
    console.log("test2",opts.rowData.id);
    console.log("test3",opts.rowData.level);
...other stuff

What I try is to get the "level" from the row in the grid.

In the above example test1 and test2 give me correct results, but test3 always returns undefined. when i click in firebug on the result of test1, i get a DOM view, and there i can see the level element. But it doesn't work in the js.

Any idea?

Or another way to look at this problem? (basicly: i need to display a link to an info page only for the children, not for the root elements)

Thanks in advance,

Stefan

ah, I see.

I'm using JSON, and my data is like this:

{"total":"1","rows":[{"level":"0","isLeaf":"false","expanded":"false","description":" group description" ,"name":"groupname01","parent":"null","id":"groupname01"},{"level":"1","isLeaf":"true","expanded":"true" ,"name":"name02","parent":"groupname01","id":"name02"} ....

So the level is sent first.

I don't have "info" in my JSON, this is an extra column in the view, that I map to the name (with jsonmap:"name") because i need that to construct the url.

So I think i have everything for option 2, or do i need to do something else? I'm not sure I understand "named conventions", do you mean i need to explicitly define in my jsonReader to use "level"?

Thanks already,

Stefan

sorry i took some time to answer, i had to deliver the application.

In the end we decided to remove the treegrid from this applicatoin, due to performance issues: i have a tree with 2 root elements and each one has about 400-500 children. it loads quickly, but closing the folder (to hide the children) it took about 8 sec's!

Anyhow, back to the original problem:

I've tried it like this:

colNames:['level','Id','Name','Description','info'],
        colModel:[
            {name:'level',index:'level', width:40,jsonmap:"level"},
            {name:'id',index:'id', width:40, hidden:true},
            {name:'name',index:'name', width:150},
            {name:'description',index:'description', width:150},
            {name:'info',index:'info', width:40,formatter:abk_testFormat,resizable:false,search:false,sortable:false,jsonmap:"name"}
            ],

And this in my formatter:

abk_testFormat = function(el, cellval, opts){//used to display the 'info' link
 
    console.log("opts3:",opts.rowData);
    console.log("opts4:",opts.rowData.level);


Still, opts4 always return "undefined".

I didn't want to go for the first solution (use "afterInsertRow") because of the amount of rows I could have. But I'll try that, and let you know if it works.

Stefan