layui實現簡單分頁

2021-10-01 11:55:28 字數 762 閱讀 2815

第一次寫,有點小緊張!!!對layui分頁做乙個簡單的總結。

首先引用layui和jquery的js就不用再說了,寫一下重點內容

1、定義乙個id為pagebox的div,用於顯示分頁

2、宣告當前頁和總頁數變數;

var currpage =1;

var pagecount;

3、建立分頁的方法;

function paged(res) 

}});

});}

4、建立與後台互動的方法,返回的資料格式為json;

function getlistdata(currpage),

datatype:'json',

success: function(res)

});};

5、呼叫getlistdata(第一次開啟頁面是呼叫,本人愚鈍,沒有更好的方式,先使用這個方法,如果有更好的可以指正,[手動尷尬])

$(function () );
最終顯示效果:

本人小白,粗略總結,如果有不對的地方,希望大佬指正。

layui實現分頁

分頁在頁面上的顯示 id demo2 div 後台需要傳過來兩個引數,乙個是count,資料總數 乙個是page,當前頁 var nums 10 var count count val layui.use laypage function 當前頁 後台獲取到的 return page page 1 ...

layui實現資料分頁功能

官網layui table演示頁面 示例截圖 頁面引入layui.css layui.js 前台js var limitcount 10 var curnum 1 列表查詢方法 function productsearch productgroupid,start,limitsize 傳參 cols...

layui滾動分頁

首先,分頁必須傳的引數就是頁碼,以及每頁幾條資料 以下是我個人的 function function scrollpage success function obj html input type text textarea val 觸發reset,將表單裡的值清空 commentlist html...