Jquery-分页插件paginaton案例

weixin_30639719

于 2015-06-07 22:04:00 发布

阅读量72

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hwaggLee/p/4559232.html

本文介绍如何使用jquery.pagination插件实现基本的分页功能，包括设置分页按钮文本、显示信息格式、远程数据加载及参数传递。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本例使用的版本为jquery.pagination-1.2.6.js

    $("#id").page({
        showInfo: false,
        showJump: false,
        showPageSizes: true,
        firstBtnText: '首页',
        lastBtnText: '尾页',
        prevBtnText: '上一页',
        nextBtnText: '下一页',
        jumpBtnText:'跳转',
        infoFormat: '{start} ~ {end}条，共{total}条',
        pageSize:20,
        remote: {
            pageIndexName: 'page',     //请求参数，当前页数，索引从0开始
            pageSizeName: 'rows',       //请求参数，每页数量
            url: webPath+'/attention/jigou',
            params:{
                userId:'1'
            },
            success: function (data, pageIndex) {
                console.log(data);
            },
        }
     });