layui中的分頁laypage


1.html部分

 <div id="test1"></div>  

2.js部分:

<script src="/static/build/layui.js"></script>
<script>
layui.use('laypage', function(){
var laypage = layui.laypage;

//執行一個laypage實例
laypage.render({
elem: 'test1' //注意,這里的 test1 是 ID,不用加 # 號
,count: 50 //數據總數,從服務端得到
});
});
</script>

3.分頁操作

laypage.render({
elem: 'test1'
,count: 70 //數據總數,從服務端得到
,jump: function(obj, first){
//obj包含了當前分頁的所有參數,比如:
console.log(obj.curr); //得到當前頁,以便向服務端請求對應頁的數據。
console.log(obj.limit); //得到每頁顯示的條數

//首次不執行
if(!first){
//do something
}
}
});

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM