jQuery Grid Plugin - jqGridForum

Topic RSS

JQGRID with JsonData using addJSONData ...need Help

06/10/2014
19:56

nskarthik

New Member

Members

Forum Posts: 2

Member Since:
06/10/2014

Offline

Spec : JQGRID : 1.11.0 ,Â JQuery :Â Â 2.1.0 , Browsers : FFOX :32.x,Â JSON Frmt : Gson ( java ) , Java : 1.7 ,
AppServ : Tomcat 8

Note : I have studied the API docs , Googled /yahooed .... for the process .... but not staisfied answer

QuestionÂ Â i have a JQGrid written down simple (static col defined ) trying to insert Array Data dynamically Colmns using JSON dataÂ format

colNames:['NO','IDNUM','PROTCL','DESC'],
colModel:[
{name:'NO',index:'true',width:'15',sortable:'true',align:'left',editable: true},
{name:'IDNUM',index:'true',width:'15',sortable:'true',align:'left',editable: true},
{name:'PROTCL',index:'true',width:'15',sortable:'true',align:'left',editable: true},
{name:'DESC',index:'true',width:'50',sortable:'true',align:'left',editable: true}
],
url : "Dummy.jsp",
hidegrid : false,
datatype : "jsonstring",
mtype : "GET",
loadonce : "true",
caption : "'Grid from Database using jsonstring'",
shrinkToFit : true,
autowidth : true,
width : "1300",
height : "125",
rowNum : "10",
rowList : [10,50,100],
sortorder : "desc",
viewrecords : true,
gridview : true,
autoencode : true,
multiselect : false,
loadtext : "Data-Organized",
pagerÂ : "table3",
}).jqGrid('navGrid','#list3',{edit:true,add:true,del:true,search:true});

var data = {
Â Â Â Â Â Â Â "total": "1",
Â Â Â Â Â Â Â "page": "1",
Â Â Â Â Â Â Â "records": "2",
Â Â Â Â Â Â Â "rows" : [
Â Â Â Â Â Â Â Â Â {"id" :"1", "cell" :["cell11", "cell12", "cell13","cell13"]},
Â Â Â Â Â Â Â Â Â {"id" :"2", "cell":["cell21", "cell22", "cell23","cell13"]},
Â Â Â Â Â Â Â ]
Â Â Â Â Â Â };
Â Â Â Â Â Â
$("#list3")[0].addJSONData(eval(data));
Â })

</script>
</head>
<body>
<table border=1Â id="list3" style="font-size:12px;">
<tr>
<td></td>
</tr>
</table>
<div id="<%=sigid3%>"></div>
</html>

I do not see Data but empty Grid lines.....

Is the JSON Data provided is faulty ?
Is usage of 'addJSONdata' not proper ?
Is the code written above not correct ?

Ref : I need to Supply the Dynamic Data to Static Cols Defined ONLY and cannot change to any other jqGrid process.

Plz somebody enlighten me with the mistake in the code.

with regards
karthik N.S

13/10/2014
17:02

nskarthik

New Member

Members

Forum Posts: 2

Member Since:
06/10/2014

Offline

as per the PDF provided

>>JSON data is handled in a fashion very similar to that of xml data. What is important is that the definition >> of the jsonReader matches the data being received datatype: json, (or jsonstring)

Some thing is wrong in here

Researched and found that changingÂ Â datatype : "jsonstring",Â TOÂ datatype : "json",Â Â WORKED

I am pretty sure some bug has squeezed in some where...Â

with regards
Karthik

21/10/2014
17:26

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

When jsonstring is set as datatype jqGrid expects the datastr parameter to be set as string.

addJsondata will not work in your case. Look in the docs for data manipulation.

Dynamically this can be achieved if you use setGridParam to set datastr and the reload the grid.

Regards

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.

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
42 Guest(s)

Currently Browsing this Page:
1 Guest(s)