转自：http://blog.163.com/xpf_designer/blog/static/19213618920117784055668/
1 Html 2 3 <div region="center" border="false" style="padding:0px 3px 0px 3px;margin:0px;"> 4 5 <table id="test"></table> 6 7 </div> 8 9 10 11 12 13 初置化gird 14 15 $(function(){ 16 17 18 19 loadgrid(); 20 21 //loadcombobox(null); 22 23 }); 24 25 function loadgrid(){ 26 27 $('#test').datagrid({ 28 29 title:'任免信息列表', 30 31 fit:true, 32 33 nowrap: false, 34 35 striped:false, 36 37 //url:'rm.json', 38 39 url:'http://127.0.0.1:8080/web/AppAndRemoveServer.server', 40 41 queryParams:{}, 42 43 sortName: 'appandremove_id', 44 45 sortOrder: 'asc', 46 47 remoteSort: false, 48 49 idField:'appandremove_id', 50 51 frozenColumns:[[ 52 53 {field:'ck',checkbox:true} 54 55 ]], 56 57 columns:[[{field:'appandremove_id',title:'任免批次编号',200,sortable:true}, 58 59 {field:'batch_name',title:'任免批次名称',240,sortable:true}, 60 61 {field:'batch_no',title:'任免批次编号',100,sortable:true}, 62 63 {field:'recorder_date',title:'登记时间',120,sortable:true}, 64 65 {field:'recorder_id',title:'登记人',100,sortable:true}, 66 67 {field:'state',title:'状态',100,sortable:true}, 68 69 {field:'memo',title:'备注',300} 70 71 72 73 ]], 74 75 pagination:true, 76 77 pageNumber:1, 78 79 pageSize:5, 80 81 pageList:[5,10], 82 83 //singleSelect:true, 84 85 rownumbers:true 86 87 }); 88 89 } 90 91 92 93 服务端接收rows、page、order、sort参数 94 95 参数名称是easyui起的，值也是自动绑定 96 97 可以在服务端通过request.getParameterNames();查看有什么参数 98 99 接收参数值 100 101 if(null!=request.getParameter("rows")) { pageRows=Integer.parseInt(request.getParameter("rows").toString()); 102 103 } 104 105 if(null!=request.getParameter("page")) { 106 107 page=Integer.parseInt(request.getParameter("page").toString()); 108 109 } 110 111 if(null!=request.getParameter("order")) { 112 113 order=request.getParameter("order").toString(); 114 115 } 116 117 if(null!=request.getParameter("sort")) { 118 119 order=request.getParameter("sort").toString(); 120 121 } 122 123 然后拼装sql语句实现分页。 124 125 126 增加查询参数，重新加载表格 127 128 function reloadgrid (stateVal) { 129 130 //查询参数直接添加在url中 131 132 /* var url =$('#test').datagrid('options').url; 133 134 url = "http://127.0.0.1:8080/web/AppAndRemoveServer.server?state=" +stateVal; 135 136 //重新赋值url 属性 137 138 $('#test').datagrid('options').url=url; 139 140 $("#test").datagrid('reload'); 141 142 */ 143 144 145 146 //查询参数直接添加在queryParams中 147 148 var queryParams = $('#test').datagrid('options').queryParams; 149 150 queryParams.state = stateVal; 151 152 $('#test').datagrid('options').queryParams=queryParams; 153 154 $("#test").datagrid('reload'); 155 156 157 158 }