bootstrap分頁外掛程式--Bootstrap Paginator的使用備份

來源:互聯網
上載者:User

標籤:

html部分:

        <ul class="pagination"></ul> <!--bootstrap3版本用ul包裹-->        <div class="pagination"></div><!--bootstrap2版本用div包裹-->

  

JS部分:

var options = {        currentPage:‘<%= currentPage %>‘, //當前頁        totalPages:‘<%= totalPages %>‘, //總頁數        numberOfPages:5, //設定控制項顯示的頁碼數        bootstrapMajorVersion:3,//如果是bootstrap3版本需要加此標識,並且設定包含分頁內容的DOM元素為UL,如果是bootstrap2版本,則DOM包含元素是DIV        useBootstrapTooltip:‘true‘,//是否顯示tip提示框        pageUrl:function(type,page, current){         return ‘/pg/pgList?gotoPage=‘+page //為每個頁碼設定url訪問請求連結,page為頁碼數        },        itemTexts:function(type,page, current){//文字翻譯            switch (type) {                case "first":                    return "首頁";                case "prev":                    return "上一頁";                case "next":                    return "下一頁";                case "last":                    return "尾頁";                case "page":                    return page;            }        }   }$(‘.pagination‘).bootstrapPaginator(options);

  

參考資料:http://m.oschina.net/blog/204587

bootstrap分頁外掛程式--Bootstrap Paginator的使用備份

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.