Question

I am loading JQGrid from an API, one of the data structures that I have for my grid is a JSON element formatted as such:

{"id":123,"name":"John Doe","username":"john.doe"}

The data is properly displayed in the grid, however if I try to type in the toolbar search, I do not get a match presumably because jqgrid still has the above JSON stored as an object.

A truncated version of my grid is as follows:

$('#test').jqGrid({
...
loadonce: true,
datatype: 'local',
colModel: [
{name:'test', index:'test', label:'Test', formatter:customFormatter}
],
...
});

function customFormatter (cellvalue,options) {
                return cellvalue.name;
}

I found this post that seems to address this very matter, however I am struggling to get my head around as to how to use this for a JSON object. Once the grid is loaded, I don’t see a reason as to why the local data should be anything other than string (Until the grid is reloaded).

Answer 1

After stumbling upon the JSON dot notation in the docs, and adding it to the index this now works:

colModel: [
    {name:'test.name', index:'test.name', label:'Test'}
]