jfinal結合layui實現分頁功能

一、layui的分頁,原本準備用table+laypage,嘗試失敗,後面我還會繼續嘗試。這裏我主要用方法級渲染的方式,代碼以下:html

<table id="userTable"></table>
<script type="text/html" id="userBar">
  <a class="layui-btn layui-btn-primary layui-btn-mini" lay-event="detail">查看</a>
  <a class="layui-btn layui-btn-mini" lay-event="edit">編輯</a>
  <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">刪除</a>
</script>
  table.render({
	  elem: '#userTable' //指定原始表格元素選擇器(推薦id選擇器)
	  ,height: 315 //容器高度
	  ,url:'/user/userJson'
	  ,cols:[[ //標題欄
	  		  {field:'id', width:80,fixed: true,title: 'ID'}
	 	     ,{field:'user_name', width:120,title: 'ID'}
	 	     ,{field:'email', width:120,title: 'ID'}
	 	     ,{field:'telephone', width:120,title: 'ID'}
	 	     ,{field:'adress', width:120,title: 'ID'}
	 	     ,{field:'sex', width:120,title: 'ID'}
	 	     ,{field:'name', width:120,title: 'ID'}
	 	     ,{fixed: 'right', width:250, align:'center', toolbar: '#userBar'}
	         ]]
     ,page: true
     ,limits: [30,60,90,150,300]
     ,limit: 2 
	});

這裏只要指定 ,page: true和limit,layui就會自動將返回的數據根據limit(即每行顯示的數據條數)及後臺數據設置的count進行分頁,分紅count/limit頁java

二、jifnal分頁以下所示:sql

public Page<User> getUserList(int pageNumber,int pageSize) {
		SqlPara sqlPara = dao.getSqlPara("sys.getUserList");
		Page<User> userList = dao.paginate(pageNumber, pageSize, sqlPara);
		return userList;
	}

到這裏咱們要將這個數據轉換成layui須要的數據格式再返回,以下所示:ui

public void userJson(){
		int pageNumber = getParaToInt("page");//當前頁
		int pageSize = getParaToInt("limit");//每頁顯示的數據條數
		Page<User> userList = userService.getUserList(pageNumber,pageSize);//得到用戶信息
		MyPage<User> page = new MyPage<User>();
		page.setCode(0);
		page.setCount(userList.getTotalRow());
		page.setMsg("");
		page.setData(userList.getList());
		renderJson(page);
	}

至此:jfinal結合layui實現分頁功能實現url

相關文章
相關標籤/搜索