javascript - jqGrid Does Not Show The Returned JSON Data -



javascript - jqGrid Does Not Show The Returned JSON Data -

i utilize jqgrid in asp.net page. in .aspx page, have -

<div id="divmy" style="width: 100%; overflow: auto;"> <div id="divmytable" style="width: 97%; display: none;"> <table id="mytable"> <tr> <td></td> </tr> </table> <div id="divmytablepager"></div> </div> </div>

in .js file, have -

var casortinfo = { sortname: $('#mytable').jqgrid('getgridparam', 'sortname'), sortorder: $('#mytable').jqgrid('getgridparam', 'sortorder'), page: $('#mytable').jqgrid('getgridparam', 'page'), rows: $('#mytable').jqgrid('getgridparam', 'rows') }; $("#mytable").jqgrid({ url: "../services/my.asmx/readmytable", datatype: 'json', mtype: 'post', prmnames: { search: "issearch", nd: null, rows: "pagesize", page: "pagenumber", sort: "sortfield", order: "sortorder" }, postdata: { id: $('#hfid').val() }, ajaxgridoptions: { contenttype: 'application/json; charset=utf-8' }, serializegriddata: function (postdata) { homecoming json.stringify(postdata); }, colnames: ["", "my", "date created", "notes", "action"], colmodel: [ { name: "myid", index: "myid", resizable: false, hidden: true }, { name: "myname", index: "myname", resizable: false, width: 250 }, { name: "createdon", index: "createdon", resizable: false }, { name: "notes", index: "notes", resizable: false }, { name: "buttons", formatter: actionbuttons, width: 70 } ], sortname: "createdon", sortorder: "asc", ignorecase: true, autowidth: true, shrinktofit: true, height: "auto", pager: "#divmytablepager", toppager: true, rownum: 20, rowlist: [5, 10, 20, 50], viewrecords: true, gridview: true, rownumbers: false, hoverrows: true, multiselect: false, jsonreader: { root: function (obj) { homecoming obj.d.rows; }, page: function (obj) { homecoming obj.d.page; }, total: function (obj) { homecoming obj.d.total; }, records: function (obj) { homecoming obj.d.records; }, repeatitems: false, id: "0" }, beforerequest: function () { casortinfo = { sortname: $('#mytable').jqgrid('getgridparam', 'sortname'), sortorder: $('#mytable').jqgrid('getgridparam', 'sortorder'), page: $('#mytable').jqgrid('getgridparam', 'page'), rows: $('#mytable').jqgrid('getgridparam', 'rows') }; }, gridcomplete: function () { $('#mytable').jqgrid('setgridparam', { sortname: casortinfo.sortname, sortorder: casortinfo.sortorder, page: casortinfo.page, rows: casortinfo.rows }); $("#divmytable").show(); $("#mytable").setgridwidth($("#divmytable").width()); } });

i can see responded json info -

{"d":{"__type":"core.dto.jqgridmodel","total":"1","page":"1","records":"1","rows":[{"myid":"627d6ca3-5bbc-4aa8-9e53-76afe4869ae2","myname":"this\u0027s test.","createdon":"\/date(1394135983350)\/","notes":"yes","isactive":null}]}}

i can see breakpoint nail in gridcomplete. needs done show info grid data?

thanks,

just found out messed case in divmytable. after corrected, working. thanks

javascript jquery ajax json jqgrid

Comments

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -