paging ui.paging

分页显示

<div class="page js-put-paging">
    <a href="javascript:;" class="prev" data-page="0">&lt;</a>
    <a href="javascript:;" class="cur">1</a>
    <a href="javascript:;" data-page="2">2</a>
    <a href="javascript:;" data-page="3">3</a>
    <a href="javascript:;" data-page="4">4</a>
    <a href="javascript:;" data-page="5">5</a>
    <a href="javascript:;" class="next" data-page="2">&gt;</a>
</div>

• 使用paging控件时不需要考虑样式问题
• 所有paging控件需遵循这样的一个结构

呈现样式

具体效果可参见 http://www.kuaizhan.com/ui/ui-create

创建一个paging

使用接口 ui.paging 可以动态地创建一个分页

参数（以JS Object形式给出）：
    total: 总页数
    page: 当前显示页码
    perpage: 每页显示多少条记录

示例代码:

var w = $("#js-paging-sample"),
    content = w.find(".js-put-content"),
    page_link = w.find(".js-put-paging");

function showPage(page) {
    //render content
    content.html("show content on page " + page);

    //新建分页html并渲染
    page_link.html(ui.paging.create({
        total: 30,
        page: page,
        perpage: 5
    }));
}

//绑定分页相关事件
ui.paging.init(w, {
    fetch: function(page) {
        showPage(page);
    }
});

//显示第一页
showPage(1);