kPagination純js實現分頁插件

Sanchi 發布于2019-08-26 12:09 / 532人閱讀

摘要：分頁插件純分頁插件，壓縮版本，樣式可以自定義使用方法當前頁跳轉配置項選項類型說明可以顯示的按鈕個數是否顯示上一頁按鈕是否顯示下一頁按鈕是否顯示跳轉輸入框跳轉按鈕的文字頁面觸發回調重新渲染成功回調可選樣式選項說明分頁容器樣式按鈕容

kPagination分頁插件

純js分頁插件，壓縮版本~4kb，樣式可以自定義

demo 使用方法

配置項

選項	類型	說明
offset	number	可以顯示的按鈕個數
showPrev	boolean	是否顯示上一頁按鈕
showNext	boolean	是否顯示下一頁按鈕
jumpPage	boolean	是否顯示跳轉輸入框
jumpText	string	跳轉按鈕的文字
pageChange	function	頁面觸發回調
afterRefresh	function	重新渲染成功回調

可選樣式

選項	說明
k-pagination-num-wrap	分頁容器樣式
k-pagination-input-wrap	按鈕容器樣式
k-pagination-num	頁碼樣式
k-pagination-num-active	激活樣式
k-pagination-disabled	禁止樣式
k-pagination-num-input	輸入框樣式
k-pagination-jump-btn	跳轉按鈕樣式
k-pagination-jump-dot	省略號樣式

附上github地址，喜歡的朋友給個star吧，有bug可以反饋哈，我會第一時間修復

云服務器 GPU云服務器 js 數據分頁插件 js+分頁插件每頁顯示數據 js實現分頁 js實現數據分頁

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/108106.html

kPagination純js實現分頁插件

摘要：分頁插件純分頁插件，壓縮版本，樣式可以自定義使用方法當前頁跳轉配置項選項類型說明可以顯示的按鈕個數是否顯示上一頁按鈕是否顯示下一頁按鈕是否顯示跳轉輸入框跳轉按鈕的文字頁面觸發回調重新渲染成功回調可選樣式選項說明分頁容器樣式按鈕容 kPagination分頁插件純js分頁插件，壓縮版本~4kb，樣式可以自定義 demo 使用方法 new kPagination({ ...

Dogee 2019-08-02 11:01 評論0 收藏0
一些基于React、Vue、Node.js、MongoDB技術棧的實踐項目

摘要：利用中間件實現異步請求，實現兩個用戶角色實時通信。目前還未深入了解的一些概念。往后會寫更多的前后臺聯通的項目。刪除分組會連同組內的所有圖片一起刪除。算是對自己上次用寫后臺的一個強化，項目文章在這里。后來一直沒動，前些日子才把后續的完善。歡迎訪問我的個人網站：http://www.neroht.com/? 剛學vue和react時，利用業余時間寫的關于這兩個框架的訓練，都相對簡單，有的...

tangr206 2019-06-26 17:34 評論0 收藏0
Vue 2019開發者圖譜

摘要：為了便于您更清晰的理解的體系架構，在這里我將為您展示年開發者知識圖譜，它包含了所有開發過程中的關鍵部分。在數據展示前端導入導出圖表面板數據綁定等場景無需大量代碼開發和測試，可極大節省企業研發成本并降低交付風險。作為 Vue 的初學者，您或許已經聽過很多關于它的專業術語了，例如：單頁面應用程序、異步組件、服務器端呈現等，您可能還聽過和Vue經常一起被提到的工具和庫，如Vuex、Webp...

cgspine 2019-08-23 18:14 評論0 收藏0
實現移動端上拉加載和下拉刷新的vue插件(mescroll.js)

摘要：做一個簡單的移動端展示項目，后臺分頁后前端加載，實現上拉加載下一頁，找了下，還是用這個插件好一點安裝不要使用安裝導入在哪個頁面使用則在哪個頁面導入這里的話，我使用全局導入會出現問題若有錯還請大家指出暫時想到的就是局部引入注冊組件注冊組件做一個簡單的移動端展示項目，后臺分頁后前端加載，實現上拉加載下一頁，找了下，還是用這個mescroll.js插件好一點 1.npm安裝 npm ins...

hightopo 2019-08-23 11:58 評論0 收藏0
前端常用插件、工具類庫匯總（下）

摘要：上一篇前端常用插件工具類庫匯總上內容摘要動畫庫滾動庫輪播圖滾屏彈出框消息通知下拉框級聯選擇器顏色選擇器時間日期處理表單驗證分頁插件本篇延續上一篇的內容繼續給大家帶來一系列關于前端插件工具類的內容。 showImg(https://segmentfault.com/img/bVbjsMh?w=900&h=383); 前言對本文感興趣可以先加個收藏，也可以轉發分享給身邊的小伙伴，以后遇到...

ideaa 2019-08-23 13:08 評論0 收藏0