国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Bootstrap分頁插件之Bootstrap Paginator實(shí)例詳解

2019-11-20 08:44:50
字體:
供稿:網(wǎng)友

Bootstrap Paginator是一款基于Bootstrap的js分頁插件,功能很豐富,個(gè)人覺得這款插件已經(jīng)無可挑剔了。它提供了一系列的參數(shù)用來支持用戶的定制,提供了公共的方法可隨時(shí)獲得插件狀態(tài)的改變,以及事件來監(jiān)聽用戶的動(dòng)作。目前經(jīng)過測試的瀏覽器包括: Firefox 5+, Chrome 14+, Safari 5+, Opera 11.6+ and IE 7+。

官網(wǎng)地址:http://bootstrappaginator.org/

DownloadVisit Project in GitHub

使用這個(gè)插件和使用其他Bootstrap內(nèi)置的插件一樣,需要引入如下文件:

<link href="css/bootstrap.css" rel="stylesheet"><script type="text/javascript" src="js/jquery-1.8.1.js"></script><script type="text/javascript" src="js/bootstrap-paginator.js"></script>

使用實(shí)例:

jsp代碼

<div class="padlr" align="right">  <ul id="data-pagination" class="pagination">  <li class="disabled"><a href="#">«</a></li><li class="active"><a href="#">1</a></li><li><a href="#">2</a></li><li><a href="#">3</a></li><li><a href="#">4</a></li><li><a href="#">5</a></li><li><a href="#">»</a></li></ul></div>

js代碼

var pageNumber = 1;var pageSiza = 10;function getData() {$.post("url", {dataId : dataId,currentPage: pageNumber,pageSize : pageSize}, function(data) {if (data.totalRow > 0) {var options = {currentPage : data.pageNumber, //變量名必須為currentPagetotalPages : data.totalPage, //變量名必須為totalPagesajaxOption: {url: 'url',pageSize: pageSize,dataId : dataId,appendElement: 'data-list',templateId: 'tpl-data-list',otherParams:{}},}$('#data-pagination').bootstrapPaginator(options);var html = template("tpl-data-list", data);$('#data-list').html(html);} else {$('#data-list').html("");}});}

$('#data-pagination').bootstrapPaginator(options)就是將id為'data-pagination'的dom元素設(shè)置為分頁組件,同時(shí)傳入一些定制參數(shù),currentPage設(shè)置當(dāng)前頁碼,totalPages設(shè)置總頁數(shù)。

以上所述是小編給大家介紹的Bootstrap分頁插件之Bootstrap Paginator實(shí)例詳解,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的,在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持!

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 乐安县| 顺昌县| 泸溪县| 安新县| 九寨沟县| 车致| 通许县| 忻城县| 博乐市| 咸丰县| 黄陵县| 邵阳县| 滁州市| 集贤县| 阜新市| 武安市| 科技| 溆浦县| 油尖旺区| 阳曲县| 抚松县| 江口县| 通化县| 闽侯县| 华蓥市| 武邑县| 甘肃省| 南投市| 杭锦后旗| 漠河县| 阜新市| 呼图壁县| 海淀区| 财经| 石渠县| 玛曲县| 沈阳市| 贡嘎县| 岢岚县| 肥西县| 远安县|