1. 程式人生 > >laypage分頁插件的使用

laypage分頁插件的使用

rst tex php 選擇 script 背景 ati url 原生

laypage是用於分頁的插件,該插件通過js請求分頁數據

1.載入js文件 <script type="text/javascript" src="__STATIC__/hadmin/lib/laypage/1.2/laypage.js"></script>
2.在頁面中顯示分頁信息的地方插入標記<div id="laypage"></div>
3.添加js
<script type="text/javascript">
var url = ‘{:url("article/listarticle")}‘;
laypage({
cont: ‘laypage‘, //容器。值支持id名、原生dom對象,jquery對象,
pages: ‘{$pageTotal}‘, //總頁數,它需要從後臺統計後傳到頁面中
skin: ‘#5FB878‘, //皮膚
curr :‘{$curr}‘,//當前頁,它需要從後臺傳到頁面中,也就是當前是第幾頁
jump: function(e, first){ //觸發分頁後的回調
if(!first){ //一定要加此判斷,否則初始時會無限刷新
location.href = url+‘?page=‘+e.curr;//從e.curr眾獲取用戶點擊的第幾頁
}
}
});
</script>

4.後臺需要傳給前臺的數據為
1.查詢結果集,也就是表格中顯示的數據。該數據其實和分頁插件無關,但是要讓這些數據符合分頁顯示數據
2.傳給分頁插件的總頁數,它可以通過sql查詢數據庫得到的總條數count除以每頁顯示的條數得到,php可以使用ceil函數將如1.2這樣的小數轉為2這樣的整數
3.傳給插件的當前頁,插件能自動獲取用戶在頁面選擇的第幾頁(e.curr)傳給後臺,
但是也需要知道後臺傳給前臺的當前頁是第幾頁,好進行對當前頁的特殊標識。如後臺告訴前臺當前是第3頁,則插件將第3頁添加背景顏色

laypage分頁插件的使用