jqGrid 学习笔记--数据异步加载方法 随笔1

 var commonQuery = '../importantInfoReport/pageQueryImportantInfoReport.action?type=0'; jQuery("#listImportInfoReport").jqGrid ({ rowNum : 10, type:'POST', pager : '#pagerImportantInfoReport', viewrecords : true, multiselect: true, width: defaultGridWidth, height : defaultGridHeight, url: commonQuery, datatype : "json", jsonReader: { root:"dataRows", page:"page", total:"total", records:"records", repeatitems:false, id : "id" }, colNames : [ 'ID', '事件名称', '事件等级', '进展情况', '接收范围', '报送人', '报送时间', '操作' ], colModel : [ {name:'id', label:'ID', index:'id',hidden:true} , {name:'eventName', label:'事件名称', index:'eventName', width:100} , {name:'state', label:'事件等级', index:'state',hidden:true} , {name:'progress', label:'进展情况', index:'progress', width:100} , {name:'receiver', label:'接收范围', index:'receiver', width:150} , {name:'sendor', label:'报送人', index:'sendor',hidden:true} , {name:'createTime', label:'报送时间', index:'createTime',formatter:'date',formatoptions:{srcformat:'Y-m-d H:i:s',newformat:'Y-m-d H:i:s'}, width:70} , {name:'action', index:'action',align:"center", width:60} ], sortname: 'id', sortorder: 'desc', gridComplete : function() { var ids=jQuery("#listImportInfoReport").jqGrid('getDataIDs'); for(var i=0;i<ids.length;i++) { var cl = ids[i]; //alert(cl); var rowdata=jQuery("#listImportInfoReport").jqGrid('getRowData',cl); //实例ID var Id=rowdata["id"]; be = "<input style='height:22px;width:40px;' type='button' value='查看' onclick='javascript:viewImportantInfoReportById(" + Id +")'/>"; del = "<input style='height:22px;width:40px;' type='button' value='删除' onclick='javascript:delImportantInfoReportById(" + Id +")'/>"; jQuery("#listImportInfoReport").jqGrid('setRowData',ids[i],{action:be+del}); } }, onSelectRow: function(id){ } }); jQuery("#listImportInfoReport").jqGrid('navGrid', "#pagerImportantInfoReport", { edit : false, add : false, del : false, multipleSearch : false, search : false });