後臺向前臺傳的數據
{"page":1,"total":1,"records":8,"rows":[{"sn":1,"id":1,"devtypename":"臺式機","nextdevsn":42,"devcodehead":"C-"},{"sn":2,"id":2,"devtypename":"筆記本","nextdevsn":1,"devcodehead":"B-"},{"sn":3,"id":3,"devtypename":"服務器","nextdevsn":6,"devcodehead":"S-"},{"sn":4,"id":4,"devtypename":"網絡設備","nextdevsn":1,"devcodehead":"N-"},{"sn":5,"id":5,"devtypename":"掃描打印設備","nextdevsn":1,"devcodehead":"P-"},{"sn":6,"id":6,"devtypename":"UPS","nextdevsn":1,"devcodehead":"U-"},{"sn":7,"id":7,"devtypename":"投影儀","nextdevsn":3,"devcodehead":"Y-"},{"sn":8,"id":8,"devtypename":"其他設備","nextdevsn":16,"devcodehead":"O-"}]}
前臺的格式
js:
$(function(){
jQuery("#list2").jqGrid({ url:'Devtype.do?oper=list', datatype: "json", colNames:['','id','名稱', '下壹個新設備的序號', '設備編號頭','操作'], colModel:[ {name:'sn',index:'sn', width:20,sortable:false,align:"right",search:false}, {name:'id',index:'id', width:30,align:"right",search:false,key:true}, {name:'devtypename',index:'devtypename', width:200, editable:true,align:"center",editrules:{custom:true, custom_func:vali_devtypename}}, {name:'nextdevsn',index:'nextdevsn', width:100, editable:true, align:"right",editrules:{custom:true, custom_func:vali_nextdevsn}}, {name:'devcodehead',index:'devcodehead', width:100, editable:true, align:"center",editrules:{custom:true, custom_func:vali_devcodehead}}, {name:'act2',index:'act2', width:60,fixed:true, sortable:false, resize:false, formatter:'actions',formatoptions:{keys:false,editbutton:true,delbutton:true},align:"center"} ], rowNum:15, rowList:[10,15,20,50], pager: '#pager2', jsonReader:{ repeatitems : false }, height:"auto", width:800, strinkToFit:true, sortname: 'id', viewrecords: true, sortorder: "asc", editurl: "Devtype.do", caption:"設備類型" }); jQuery("#list2").jqGrid('navGrid',"#pager2",{search:false,edit:false,add:false,del:true}); }); html:<body ><table id="list2"></table><div id="pager2"></div> </body>
官方例子/question/438319519.html?oldq=1
官方手冊/jqgridwiki/doku.php?id=wiki:jqgriddocs