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
Post a Comment