mybatis使用easyui進行分頁操作
datagrid的使用:
主要用於資料表格顯示:
程式碼如下:
<div id="dd"></div>
<script type="text/javascript">
dg_datagrid=$('#dd').datagrid({
url:'UserServlet?opr=getAll',//要訪問的url地址來獲取資料
fitColumns:true,//可以自適應寬度
striped:true,//進行隔行換色
rownumbers:true,//顯示行號
singleSelect:true,//只能每次選擇一行
pagination:true,//定義 分頁操作
pageNumber:1,//初始第一頁
pageSize:5,//注意此處的初始顯示的大小一定要在下面的陣列中出現
pageList:[5,10,20],//定義可選的每頁顯示個數
columns:[[
{field:'userName',title:'姓名',width:100},
{field:'userCode',title:'登入名',width:100},
{field:'address',title:'地址',width:100,align:'right'}
]]
});
</script>
此時要注意分頁的使用:
Pagination:一般結合資料表格使用
往後臺預設傳遞兩個引數:
程式碼如下:
public void getAll(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
int rows=0;
int page=0;
response.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
//獲取當前的頁碼page和每次查詢要顯示的個數rows
rows=Integer.parseInt(request.getParameter("rows"));
page=Integer.parseInt(request.getParameter("page"));
//計算出開始查詢的位置
int start=(page-1)*rows;
UserService service=new UserService();
//獲取記錄總數
int count =service.getCount();
String userName=request.getParameter("userName");
String address=request.getParameter("address");
User user =new User();
user.setUserName(userName);
user.setAddress(address);
List<User> users=service.getUsers(user, start, rows);
Map<String, Object> map=new HashMap<String, Object>();
map.put("total", count);
map.put("rows", users);
out.print(JSONArray.toJSONString(map));
}
頁面資料的顯示:
程式碼如下:
columns:[[
{field:'userName',title:'姓名',width:100},
{field:'userCode',title:'登入名',width:100},
{field:'address',title:'地址',width:100,align:'right'}