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='查看' οnclick='javascript:viewImportantInfoReportById(" + Id +")'/>"; 
	    		del = "<input style='height:22px;width:40px;' type='button' value='删除' οnclick='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
	});