jQuery Grid Plugin - jqGrid - Topic: Problem setting data option

christine_draper on Problem setting data option

Tue, 06 Aug 2013 14:53:23 +0300

Ah! Thanks - it worked when I fixed the attribute name to datatype. Can't believe how long I stared at that without seeing it.

tony on Problem setting data option

Tue, 06 Aug 2013 11:29:27 +0300

Hello,

The code that will workmost eficently is this

…

var data = [ { "item":"1","title":"A title" }, { "item":"2","title":"A second title" } ];

var obj = {};

obj.datatype="local";

obj.width= 700;

obj.height=400;

obj.colNames= ["Item #", "Title"]

obj.colModel= [{name:'item',width:'50'}, {name:'title',width:'100'} ];

<!– Shouldn't setting obj.data = data work instead of setting empty then using for loop? –>

obj.data = data;

var grid = $("#my-table").jqGrid(obj);

…

See data parameter in the docs and datatype is set wrong

Regards

christine_draper on Problem setting data option

Sun, 04 Aug 2013 22:40:06 +0300

I figured out I can set all the data at once by using:

grid.addRowData("item", mydata);

Which I hope is more efficient than adding rows individually. Still curious about why the above didnt work, but not blocked anymore.

christine_draper on Problem setting data option

Sat, 03 Aug 2013 01:10:55 +0300

I'm trying to set the data for a grid from an array. The code below is what I got to work, but I thought I should be able to do it by setting the data option to mydata array either when I create the grid, or using setGridParam. I'm new to this.. appreciate if you can help me understand why these other approaches don't work.

$(function(){

var data = [ { "item":"1","title":"A title" }, { "item":"2","title":"A second title" } ];

var obj = {};

obj.dataType="local";

obj.width= 700;

obj.height=400;

obj.colNames= ["Item #", "Title"]

obj.colModel= [{name:'item',width:'50'}, {name:'title',width:'100'} ];

obj.data = [];

var grid = $("#my-table").jqGrid(obj);

for(var i=0;i<=mydata.length;i++) {

grid.addRowData(i+1,mydata[i]);

};

var griddata = grid.setGridParam("data", data);

});