由於國內關於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 先看效果圖 這...