jQuery("#list").jqGrid( { url:'/crm/prospective/list.action' , datatype: "JSON", mtype: 'POST', viewrecords: true, colNames : ['序 号','方式编码','拜访方式', '备注', '添加人','修改 ','删除'], colModel : [{name : 'id',index : 'id',width : 100,align : 'center',sorttype : 'String'}, {name : 'code',index : 'code',width : 100,align : 'center',sorttype : 'String'}, {name : 'name',index :'name',width : 190,align : 'center',sorttype : 'String'}, {name : 'remark',index :'remark',width : 190,align : 'center',sorttype : 'String'}, {name : 'inputUser',index :'inputUser',width : 140,align : 'center',sortable:false}, {name:'Modify',index:'id',width:70,align:"center",sortable:false}, {name:'Delete',index:'id',width:70,align:"center",sortable:false}], viewrecords : true,//设置是否在Pager Bar显示所有记录的总数 //multiselect: true, //是否支持多选 multiboxonly: true, //rowNum : 100,//用于设置GRID中一次显示的行数 jsonReader : { root : "result" , //列表展示的数据源 page : 'currpage' , //当前页 total: 'totalpages' , //总页数 records : "records", //总数据条数 repeatitems: false, }, gridComplete: function() {//当表格所有数据都加载完成,处理统计行数据 var ids=jQuery("#list").jqGrid('getDataIDs'); for(var i=0; i<ids.length; i++){ var id=ids[i]; modify ="<a href='#' style='color:#f60' onclick='Modify("+ id +")'>修改</a>"; //这里的onclick就是调用了上面的javascript函数 Modify(id) del ="<a href='#' style='color:#f60' onclick='Delete("+ id +")' >删除</a>"; jQuery("#list").jqGrid('setRowData', ids[i], { Modify: modify, Delete: del }); } }, altRows:true, altclass:'altclass', caption : "拜访方式信息", height : '100%', autowidth: true, rowNum : 10, pager : '#pghwcs', rowList : [ 10, 30, 50, 100 ] });
<table border="1" cellpadding="2" cellspacing="2" width="100%" align="center" id="list"> </table> <div id="pghwcs"></div>
Map<String , String> jsonResult=new HashMap<String, String >(); jsonResult.put("result", conditions); jsonResult.put("currpage", 1); jsonResult.put("totalpages", 2); jsonResult.put("records", conditions.size());
<result name="ajax" type="json"> <param name="include">jsonResult</param> </result>