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

来源:互联网 发布:linux网络相关命令 编辑:程序博客网 时间:2024/06/07 03:00
 
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});