kPagination純js實(shí)現(xiàn)分頁(yè)插件

Sanchi 發(fā)布于2019-08-26 12:09 / 543人閱讀

摘要：分頁(yè)插件純分頁(yè)插件，壓縮版本，樣式可以自定義使用方法當(dāng)前頁(yè)跳轉(zhuǎn)配置項(xiàng)選項(xiàng)類型說(shuō)明可以顯示的按鈕個(gè)數(shù)是否顯示上一頁(yè)按鈕是否顯示下一頁(yè)按鈕是否顯示跳轉(zhuǎn)輸入框跳轉(zhuǎn)按鈕的文字頁(yè)面觸發(fā)回調(diào)重新渲染成功回調(diào)可選樣式選項(xiàng)說(shuō)明分頁(yè)容器樣式按鈕容

kPagination分頁(yè)插件

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

demo 使用方法

配置項(xiàng)

選項(xiàng)	類型	說(shuō)明
offset	number	可以顯示的按鈕個(gè)數(shù)
showPrev	boolean	是否顯示上一頁(yè)按鈕
showNext	boolean	是否顯示下一頁(yè)按鈕
jumpPage	boolean	是否顯示跳轉(zhuǎn)輸入框
jumpText	string	跳轉(zhuǎn)按鈕的文字
pageChange	function	頁(yè)面觸發(fā)回調(diào)
afterRefresh	function	重新渲染成功回調(diào)

可選樣式

選項(xiàng)	說(shuō)明
k-pagination-num-wrap	分頁(yè)容器樣式
k-pagination-input-wrap	按鈕容器樣式
k-pagination-num	頁(yè)碼樣式
k-pagination-num-active	激活樣式
k-pagination-disabled	禁止樣式
k-pagination-num-input	輸入框樣式
k-pagination-jump-btn	跳轉(zhuǎn)按鈕樣式
k-pagination-jump-dot	省略號(hào)樣式

附上github地址，喜歡的朋友給個(gè)star吧，有bug可以反饋哈，我會(huì)第一時(shí)間修復(fù)

云服務(wù)器 GPU云服務(wù)器 js 數(shù)據(jù)分頁(yè)插件 js+分頁(yè)插件每頁(yè)顯示數(shù)據(jù) js實(shí)現(xiàn)分頁(yè) js實(shí)現(xiàn)數(shù)據(jù)分頁(yè)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/108106.html

相關(guān)文章

kPagination純js實(shí)現(xiàn)分頁(yè)插件

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

Dogee 2019-08-02 11:01 評(píng)論0 收藏0
一些基于React、Vue、Node.js、MongoDB技術(shù)棧的實(shí)踐項(xiàng)目

摘要：利用中間件實(shí)現(xiàn)異步請(qǐng)求，實(shí)現(xiàn)兩個(gè)用戶角色實(shí)時(shí)通信。目前還未深入了解的一些概念。往后會(huì)寫(xiě)更多的前后臺(tái)聯(lián)通的項(xiàng)目。刪除分組會(huì)連同組內(nèi)的所有圖片一起刪除。算是對(duì)自己上次用寫(xiě)后臺(tái)的一個(gè)強(qiáng)化，項(xiàng)目文章在這里。后來(lái)一直沒(méi)動(dòng)，前些日子才把后續(xù)的完善。歡迎訪問(wèn)我的個(gè)人網(wǎng)站：http://www.neroht.com/? 剛學(xué)vue和react時(shí)，利用業(yè)余時(shí)間寫(xiě)的關(guān)于這兩個(gè)框架的訓(xùn)練，都相對(duì)簡(jiǎn)單，有的...

tangr206 2019-06-26 17:34 評(píng)論0 收藏0
Vue 2019開(kāi)發(fā)者圖譜

摘要：為了便于您更清晰的理解的體系架構(gòu)，在這里我將為您展示年開(kāi)發(fā)者知識(shí)圖譜，它包含了所有開(kāi)發(fā)過(guò)程中的關(guān)鍵部分。在數(shù)據(jù)展示前端導(dǎo)入導(dǎo)出圖表面板數(shù)據(jù)綁定等場(chǎng)景無(wú)需大量代碼開(kāi)發(fā)和測(cè)試，可極大節(jié)省企業(yè)研發(fā)成本并降低交付風(fēng)險(xiǎn)。作為 Vue 的初學(xué)者，您或許已經(jīng)聽(tīng)過(guò)很多關(guān)于它的專業(yè)術(shù)語(yǔ)了，例如：?jiǎn)雾?yè)面應(yīng)用程序、異步組件、服務(wù)器端呈現(xiàn)等，您可能還聽(tīng)過(guò)和Vue經(jīng)常一起被提到的工具和庫(kù)，如Vuex、Webp...

cgspine 2019-08-23 18:14 評(píng)論0 收藏0
實(shí)現(xiàn)移動(dòng)端上拉加載和下拉刷新的vue插件(mescroll.js)

摘要：做一個(gè)簡(jiǎn)單的移動(dòng)端展示項(xiàng)目，后臺(tái)分頁(yè)后前端加載，實(shí)現(xiàn)上拉加載下一頁(yè)，找了下，還是用這個(gè)插件好一點(diǎn)安裝不要使用安裝導(dǎo)入在哪個(gè)頁(yè)面使用則在哪個(gè)頁(yè)面導(dǎo)入這里的話，我使用全局導(dǎo)入會(huì)出現(xiàn)問(wèn)題若有錯(cuò)還請(qǐng)大家指出暫時(shí)想到的就是局部引入注冊(cè)組件注冊(cè)組件做一個(gè)簡(jiǎn)單的移動(dòng)端展示項(xiàng)目，后臺(tái)分頁(yè)后前端加載，實(shí)現(xiàn)上拉加載下一頁(yè)，找了下，還是用這個(gè)mescroll.js插件好一點(diǎn) 1.npm安裝 npm ins...

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

摘要：上一篇前端常用插件工具類庫(kù)匯總上內(nèi)容摘要?jiǎng)赢?huà)庫(kù)滾動(dòng)庫(kù)輪播圖滾屏彈出框消息通知下拉框級(jí)聯(lián)選擇器顏色選擇器時(shí)間日期處理表單驗(yàn)證分頁(yè)插件本篇延續(xù)上一篇的內(nèi)容繼續(xù)給大家?guī)?lái)一系列關(guān)于前端插件工具類的內(nèi)容。 showImg(https://segmentfault.com/img/bVbjsMh?w=900&h=383); 前言對(duì)本文感興趣可以先加個(gè)收藏，也可以轉(zhuǎn)發(fā)分享給身邊的小伙伴，以后遇到...

ideaa 2019-08-23 13:08 評(píng)論0 收藏0