Forum


04:51

17/11/2009

Below is the code which I am using to display the data in the grid.
jQuery(”#editgrid”).jqGrid({
datatype: “local”,
colNames: ['Id', 'Name'],
colModel: [
{ name: 'id', index: 'id', width: 90, sorttype: "int", editable: true },
{ name: 'name', index: 'name', width: 150, editable: true, editoptions: { size: "20", maxlength: "30"} },
],
rowNum: 10,
rowList: [10, 20, 30],
imgpath: '',
pager: jQuery('#pagered'),
sortname: 'id',
viewrecords: true,
sortorder: “desc”,
caption: “Data Example”
});
var mydata3 = [
{ id: "12345", note: "Desktop Computer" },
{ id: "23456", note: "Laptop" },
{ id: "34567", note: "LCD Monitor" },
{ id: "45678", note: "Speakers" },
{ id: "56789", note: "Laser Printer" },
{ id: "67890", note: "Play Station" },
{ id: "76543", note: "Mobile Telephone" },
{ id: "87654", note: "Server" },
{ id: "98765", note: "Matrix Printer" }
];
for (var i = 0; i < mydata3.length; i++) {
jQuery(”#editgrid”).addRowData(mydata3[i].id, mydata3[i]);
}
It just displays headers and id of first row.
What am I missing here ?
07:35

Moderators
30/10/2007

Hello,
You do not have a note name in colModel. Also change the name:"name" to name:"note" in colModel and it will work.
Regards
Tony
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
Most Users Ever Online: 715
Currently Online:
50 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66