Paging 簡單自由的分頁生成器

傳統的分頁都是由後端輸出 HTML 生成的,使用 AJAX 獲取 JSON 顯示內容時就須要由前端建立分頁。css

Paging 只須要知道當前頁碼和總頁數就能夠快速生成分頁。html

Paging 自帶了一套默認的模板和樣式:
前端

Paging 的使用方法很是簡單:git

<link rel="stylesheet" href="http://static.nimojs.com/umd/alice-paging/1.1.0/index.css">
<script src="http://static.nimojs.com/umd/paging/0.0.1/paging.js"></script>

<div id="view"></div>

<script>
var html = Paging.render({
    // 當前頁
    currentPage: 2,
    // 總頁數
    pageCount: 10,
    // 連接前綴
    link: '?id='
})
document.getElementById('view').innerHTML = html
</script>

預覽效果github

當你須要徹底自定義風格時你能夠經過修改樣式修改模板 徹底控制外觀。ajax


訂閱博客bootstrap

若做者顯示不是Nimo(被轉載了),請訪問Github原文進行討論:https://github.com/nimojs/blog/issues/23後端

相關文章
相關標籤/搜索