logo 罗植峰个人博客

再过好多年,在白云悬碧空的秋日,在夕阳恋红叶的午后,当我重新翻开你的那一页时,依然会感受到潮湿的印痕。

技术

使用 jquery.pagination 无刷新动态分页

        评论:   


首先引入js和css文件
<link href="/Scripts/paging/pagination.css" rel="stylesheet" />
<script src="/Scripts/paging/jquery.pagination.js"></script>

页面js代码
<script>
 $(function() {

        getlist(0);
    });
    var pageCount = 15;
    function getlist(pageIndex) {
pageIndex=pageIndex * pageCount;
        $.post("@Url.Action("GetList")", { pageIndex:pageIndex , pageCount: pageCount}, function (data) {
            var obj = jQuery.parseJSON(data);//返回json格式
            var count = obj.count[0].count;
            var str = "";
            for (var i = 0; i < obj.data.length; i++) {
                var item = obj.data[i];
                str += "遍历json";
            }

            $("#list").html(str);

            $("#Pagination").pagination(count, {
                callback: PageCallback,
                prev_text: '上一页', //上一页按钮里text
                next_text: '下一页', //下一页按钮里text
                items_per_page: pageCount, //显示条数
                num_display_entries: 5, //连续分页主体部分分页条目数
                current_page: pageIndex, //当前页索引
                num_edge_entries: 1 //两侧首尾分页条目数
            });

        });
    }
    //分页回调函数
    function PageCallback(index) {
        getlist(index);
    }
</script>

jquery.pagination 分页插件下载 


转载及版权说明:本站文章由罗植峰个人博客所有,转载请注明出处。


您的评价是对我最大的支持

选择头像

评论

条评论