前端開發 前端分頁外掛程式myPagination

2022-07-26 17:57:11 字數 910 閱讀 8807

由於國內關於mypagination外掛程式的文件並不多,由於參照官方給的文件一直出現問題,

所以自己摸索出了一種新的食用方法。

定義全域性變數和預設搜尋條件

var searchjson = {};

//預設的搜尋條件

searchjson.voucherdate = " , ";

searchjson.sorttag = "sorttime";

searchjson.pagenumber = 1;

searchjson.pagesize = 10;

var pagin = new mypagination(

});

ajax請求資料並渲染
//ajax獲取要顯示的資料

function gettotallist(json));//省略渲染資料的**

pagin.pagetotal = math.ceil(totaldata/10);

pagin.datatotal = totaldata;

pagin.init();

}});

}

最重要的是最後一行**:

pagin.init();
初始化,即讓上面兩行修改的總頁數和總條數引數生效

搜尋按鈕點選事件

//彈出搜尋框

$(".dropdown-menu").click(function (e)

else if(type === "inputkemu")

else if(type === "searchbtn")

else

});

參考文件:

mypagination外掛程式

JS前端分頁

因專案需求 需要前端乙個純js分頁 上網找了好多例子,終於實現該功能 以下直接上 html js 查詢資料介面 返回json var dataobj function search logicid,moid datatype json success function data else 分頁 fu...

前端分頁方法

vue或element ui有的時候tab列表裡需要編輯一些東西,使用後台分頁是需要調介面的,這個時候你編輯的東西翻頁後就不存在了,就需要拿到所有資料後在前端進行分頁,資料就不會丟失了,這個時候就可以把編輯後的資料一起傳給後台。this.settlementdata這裡是介面拿回來的所有資料,然後t...

diy前端分頁

本來想直接用別人的 做個分頁的,但是想著如果客戶不喜歡需要改,那萬一其他人的達不到要求,那就不好改了。還不如自己寫個,想怎麼改就怎麼改。這個分頁的特點是當前頁面盡量做到中間位置顯示,比如當前頁是4,那麼左邊從2開始,直到6,分頁最多顯示5頁,多了不顯示,其他細節不做了,夠用就行了 1 先看效果圖 這...