dhtmlxgrid json data not showing up

Hi,

I am using DHTMLX suite 3.0 professional version. I am using DHTMLX grid component for rendering the data.

while using the json format, when i try to configure both the columns and the data , i get some exceptions and data doesnt show up on the grid. It does create the right number of rows on the grid,but data doesnt show up. I am including the required json js file

code snippet i am using for demo :

var imgPath = "/receptionmonitoring/common-layout/DHTMLx/imgs/";
var JSON_STR = "json";

var data={
"parent":"grid_container",
"editable":true,
"multiselect":true,
"autowidth":true,

"columns":[{
"label":"Node",
"id":"name",
"width":80,
"align":"right",
"sort":"str",
"type":"ro"
},
{
"label":"X-coord",
"id":"xcoord",
"width":140,
"align":"right",
"sort":"int",
"type":"ro"
},
{
"label":"Y-coord",
"id":"ycoord",
"width":140,
"align":"right",
"sort":"int",
"type":"ro"
},
{
"label":"Z-coord",
"id":"zcoord",
"width":140,
"align":"right",
"sort":"int",
"type":"ro"
},
{
"label":"Comment",
"id":"comment",
"width":250,
"align":"left",
"sort":"str",
"type":"ro"
}
]
};


var gridData={
"rows":[{
"id":1,
"data":["S1-A1",
"0",
"0",
"0",
"Story 1, Grid A/1"
]
},
{
"id":2,
"data":["S1-A2",
"0",
"15",
"0",
"Story 1, Grid A/2"
]
}]};
/**
 * Initializing the grid,once the jsp is rendered
 */
jQuery(document).ready(function() {
	initializeGrid();
});


/**
 * Initialization function that takes care of rendering grid with all necessary
 * attributes
 */
function initializeGrid() {
configurationOverviewGrid = new dhtmlXGridObject(data);
configurationOverviewGrid.preventIECaching(true);
configurationOverviewGrid.setSkin("dhx_skyblue");
configurationOverviewGrid.setImagePath(imgPath);
configurationOverviewGrid.init();
configurationOverviewGrid.splitAt(2);
configurationOverviewGrid.parse(gridData,"json");
}


Please, try to replace

configurationOverviewGrid.init();