![電商全端-day0301教學(xué)插件匯總bootstrap paginatorapi_第1頁](http://file4.renrendoc.com/view/83ccd0f85c81c363c00a5cf46657954c/83ccd0f85c81c363c00a5cf46657954c1.gif)
![電商全端-day0301教學(xué)插件匯總bootstrap paginatorapi_第2頁](http://file4.renrendoc.com/view/83ccd0f85c81c363c00a5cf46657954c/83ccd0f85c81c363c00a5cf46657954c2.gif)
![電商全端-day0301教學(xué)插件匯總bootstrap paginatorapi_第3頁](http://file4.renrendoc.com/view/83ccd0f85c81c363c00a5cf46657954c/83ccd0f85c81c363c00a5cf46657954c3.gif)
![電商全端-day0301教學(xué)插件匯總bootstrap paginatorapi_第4頁](http://file4.renrendoc.com/view/83ccd0f85c81c363c00a5cf46657954c/83ccd0f85c81c363c00a5cf46657954c4.gif)
![電商全端-day0301教學(xué)插件匯總bootstrap paginatorapi_第5頁](http://file4.renrendoc.com/view/83ccd0f85c81c363c00a5cf46657954c/83ccd0f85c81c363c00a5cf46657954c5.gif)
下載本文檔
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
1、Bootstrap Paginator 是一款基于 Bootstrap 的 js 分頁插件,功能很豐富,個(gè)人覺得這款插件 已經(jīng)無可挑剔了。它提供了一系列的參數(shù)用來支持用戶的定制,提供了公共的方法可隨時(shí)獲得插件狀態(tài)的改變,以及事件來用戶的動(dòng)作。目前經(jīng)過測試的瀏覽器包括: Firefox 5+,參數(shù)名數(shù)據(jù)類型默認(rèn)值描述搭配使用的 Bootstrap 版本,2.X 的 分頁bootstrapMajorVer必須使用 div 元素,3.X 分頁的必須使用number2ul 元素。請(qǐng)注意與所使用的 bootstrap 版本對(duì)應(yīng)上。設(shè)置控件的顯示大小,是個(gè)字符串. 允許的normalsizestring值
2、: mini, small, normal,large。值:mini 版的、小號(hào)的、正常的、大號(hào)的。該參數(shù)接收一個(gè)函數(shù),返回一個(gè)字符串,該字符串是一個(gè)自定義的 class 類樣式。當(dāng)控件內(nèi)的每個(gè)按鈕被渲染 (render)時(shí),都會(huì)調(diào)用該函數(shù),itemContainerClass function同時(shí)把有關(guān)該按鈕的信息作為參數(shù)傳入。參數(shù):type,page, current 。type 為該控件的操作按鈕的類型,如上圖所示的 五種類型、prev、page、next、last。page 為該按鈕所屬第幾頁。current 指示整個(gè)控件的當(dāng)前頁是第幾頁。currentPagenumber1設(shè)置當(dāng)前頁
3、.設(shè)置控件顯示的頁碼數(shù).即:類型為pagenumberOfPagesnumber5的操作按鈕的數(shù)量。totalPagesnumber1設(shè)置總頁數(shù).實(shí)際上,控件內(nèi)的每個(gè)操作按鈕最終會(huì)被pageUrlfunction渲染成超,該參數(shù)的作用就是設(shè)置超的地址。該參數(shù)是個(gè)函數(shù),參數(shù)Chrome 14+, Safari 5+, Opera 11.6+ and IE 7+。官網(wǎng)地址:/lyonlai/bootstrap-paginator參數(shù)介紹:為:type,page, current。這樣就可以通過這個(gè)函數(shù)為每個(gè)操作按鈕動(dòng)態(tài)設(shè)置ge地址。如:/list/page/+pa該參數(shù)用于設(shè)置某個(gè)操作按鈕是否顯示
4、,個(gè)布爾值也個(gè)函數(shù)。當(dāng)為 true 時(shí),顯示。當(dāng)為 false 時(shí),不顯示。如果該參數(shù)是個(gè)函數(shù),需要返回個(gè)布爾值,/funcshouldShogetruetion通過這個(gè)返回值判斷是否顯示。函數(shù)有 3個(gè)參數(shù): type, page, current。使用函數(shù)的好處是,可以對(duì)每個(gè)操作按鈕進(jìn)行顯示控制??刂泼總€(gè)操作按鈕的顯示文字。是個(gè)函數(shù),有 3 個(gè)參數(shù): type, page, current。通過這個(gè)參數(shù)就可以將操作按鈕上的英文改為中文,itemTextsfunction如-首頁,last-尾頁。設(shè)置操作按鈕的 title 屬性。是個(gè)函數(shù),有3 個(gè)參數(shù): type, page, current
5、。tooltipTitlesfunction設(shè)置是否使用 Bootstrap 內(nèi)置的 tooltip。true 是使用,false 是不使用,默認(rèn)是不使用。useBootstrapTooltipfalse注意:如果使用,則需要引入bootstrap-tooltip.js 插件。Default:animation:tbootstrapTooltipOptionsobjectrue,html:true,placement:top,selector:false,title:,container:false該參數(shù)是個(gè)js 對(duì)象。當(dāng)參數(shù) useBootstrapTooltip 為 true 時(shí),會(huì)將該對(duì)
6、象傳給 Bootstrap 的bootstrap-tooltip.js 插件。為操作按鈕綁定 click 事件。回調(diào)函數(shù)的參數(shù):event, originalEvent, type,page。onPageClickedfunction為操作按鈕綁定頁碼改變事件,回調(diào)函數(shù)onPageChangedfunction的參數(shù):event, oldPage, nege。公共命令:另外該插件還提供了幾個(gè)公共令,可以通過如下方法調(diào)用,如:$(#ex$(#exle).bootstrapPaginator(show,3) 調(diào)用 show 命令、le).bootstrapPaginator(getPages) 調(diào)
7、用 getPages 命令。命令名參數(shù)返回值描述show 命令用于直接跳轉(zhuǎn)到特定的 page,與直接點(diǎn)擊操作按鈕的效果是一樣的。使用方法,page如:$(#exle).bootstrapPaginator(show,3) 直接跳轉(zhuǎn)到show第 3 頁,$(#exle).bootstrapPaginator(show,100)直接跳轉(zhuǎn)到 100 頁。show命令用于直接跳轉(zhuǎn)到首頁,與點(diǎn)擊按鈕相show同。使用方法:$(#exle).bootstrapPaginator(show)showPrevioshowPrevious 命令用于直接跳轉(zhuǎn)到上一頁。使用方法:us$(#exle).bootstr
8、apPaginator(showPrevious)showNextshowNext 命令用于直接跳轉(zhuǎn)到下一頁。$(#pagor).bootstrapPaginator(bootstrapMajorVer:3,/默認(rèn)是 2,如果是 bootstrap3 版本,這個(gè)參數(shù)必填currentPage:1,/當(dāng)前頁 totalPages:10,/總頁數(shù)size:small,/設(shè)置控件的大小,mini, small, normal,large onPageClicked:function(event, originalEvent, type,page)/為按鈕綁定點(diǎn)擊事件 page:當(dāng)前點(diǎn)擊的按鈕值);D
9、emo 示例:事件名回調(diào)函數(shù)描述同上文。另外,參數(shù)event, originalEvent 是倆clickedfunction(event, originalEvent, type, page)個(gè) jquery 事件對(duì)象,可參考jquery 相關(guān)文檔changed function(event, oldPage, nege)同上文事件 Events:Bootstrap Paginator 提供了倆個(gè)事件:clicked 和 changed。這倆個(gè)事件作為參數(shù)使用,分別對(duì)應(yīng) onPageClicked 和 onPageChanged。showLastshowLast 命令用于直接跳轉(zhuǎn)到上一頁。getPages 命令用于返回當(dāng)前控件中顯示的頁碼,以數(shù)組形objectgetPages式返回。使用方法:var arra= $(#exle).bootstrapPaginator(getPages)setOptions 命令用于重
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 人教版部編歷史七年級(jí)下冊(cè)《第8課 金與南宋的對(duì)峙》聽課評(píng)課記錄2
- 魯教版地理六年級(jí)下冊(cè)6.1《位置和范圍》聽課評(píng)課記錄1
- 青島版數(shù)學(xué)七年級(jí)下冊(cè)11.2《積的乘方與冪的乘方(1)》聽評(píng)課記錄
- 【人教版 七年級(jí)數(shù)學(xué) 上冊(cè) 第一章】1.3.2 第2課時(shí)《 有理數(shù)加減混合運(yùn)算》聽評(píng)課記錄2
- 部編版八年級(jí)道德與法治上冊(cè)聽課評(píng)課記錄《2.2合理利用網(wǎng)絡(luò)》
- 華師大版數(shù)學(xué)七年級(jí)上冊(cè)《綜合與實(shí)踐 制作包裝盒》聽評(píng)課記錄
- 人民版道德與法治九年級(jí)下冊(cè)第七課《我們的文化自信》聽課評(píng)課記錄
- 六年級(jí)思想品德教學(xué)總結(jié)
- 醫(yī)院醫(yī)生聘用合同范本
- 城市個(gè)人財(cái)產(chǎn)房屋抵押貸款合同范本
- 八年級(jí)下學(xué)期期末考試語文試題(PDF版含答案)
- 七年級(jí)下學(xué)期數(shù)學(xué)開學(xué)第一課課件
- 臨床診療指南-口腔醫(yī)學(xué)分冊(cè)
- 浙教版八年級(jí)下冊(cè)科學(xué)第一章 電和磁整章思維導(dǎo)圖
- (正式版)SH∕T 3541-2024 石油化工泵組施工及驗(yàn)收規(guī)范
- 動(dòng)物疫病傳染病防控培訓(xùn)制度
- 美團(tuán)代運(yùn)營合同模板
- 初中英語七選五經(jīng)典5篇(附帶答案)
- 《電力工程電纜設(shè)計(jì)規(guī)范》高壓、超高壓電力電纜及 制造、使用和運(yùn)行情況
- GB/T 43676-2024水冷預(yù)混低氮燃燒器通用技術(shù)要求
- 《預(yù)防脊柱側(cè)彎》課件
評(píng)論
0/150
提交評(píng)論