评论：jQuery分页插件  [查看原文]

楼主  您好！您看，我不同的类型的调用不同的返回页面，第一个没问题，但是第二次不初始化这个插件怎么办？

天道酬勤0
2018/1/12 16:34:57

你点击分页的时候，在回调里面请求，将你请求到的数据在拼接在页面上

有没有例子看看啊？代码看得懂，用起来显示不出效果……

天道酬勤0
2018/1/12 16:33:06

下面有ajax的例子，如果要跳转页面就回调里面跳转 

我想问下，如何在回调函数中拼接数据到页面，有没有例子？新手上路

callback里我设置了表单的提交,但为什么每次都是页面刷新?请求时currentPage显示2响应回来时也是第二页的数据,但是页码却又回到了第一页

$("#page").paging({
    pageNum: $ {
        pageInfo.pageNum
    },
    totalPage: $ {
        pageInfo.pages
    },
    totalSize: $ {
        pageInfo.total
    },
    callback: function(page) {
        $('#currentPage').val(page);
        $("#searchForm").submit();
    }
})

天道酬勤0
2017/12/17 11:02:08

pageNo 参数是设置当前页

写的真好,还免费,楼主666

请问怎么控制省略号的出现， 比如我只要超过3以上就要有省略号出现呢？

天道酬勤0
2017/11/28 13:37:05
没有这个功能，你要控制到3页 只有去修改源码，源码里面有注释

这是我写的ajax的分页，我想知道怎么把后台的data数据中的page传给totalPage

天道酬勤0
2017/11/21 9:48:36

下面有例子哈

只有一页到时候怎么设置显示1

天道酬勤0
2017/11/8 9:28:48

里面引的pagejs就是源码

模拟 ajax 用法，例子正在审核中，先贴出来

table.json假数据

{
    "totalPage": 10,
    "totalSize": 300,
    "list": []
}
js：
//参数为当前页
ajaxTest(1);

function ajaxTest(num) {
    $.ajax({
        url: "table.json",
        type: "get",
        data: {},
        dataType: "json",
        success: function(data) {
            console.log(data);
            //分页
            $("#page").paging({
                pageNo: num,
                totalPage: data.totalPage,
                totalSize: data.totalSize,
                callback: function(num) {
                    ajaxTest(num)
                }
            })
        }
    })
}

Shine@0
2017/11/7 17:42:24
怎么控制每页显示的数据啊

天道酬勤0
2017/11/8 9:28:10
这只是分页，数据是你自己从后台获取在回调里面拼接到页面上的

这个插件怎么用，为啥都显示不了

天道酬勤0
2017/10/31 11:01:11
里面有demo，显示不了，看是不是哪里写错了

贼好用，今晚不用加班了，嘻嘻

一见如故0
2017/10/30 10:13:42

这个怎么用

NIUNIU_QUEEN0
2017/10/30 15:24:06

这个怎么用，把ajax返回的Data json数据放在哪里显示

天道酬勤1
2017/10/31 11:00:00
ajax 返回的数据是你自己拼接，这个只是分页功能，ajax 返回的放在回调函数里面拼接在页面，总页数这些都是你后台返回的，当你ajax成功之后再初始化分页插件就可以

$("#page").paging({
//        pageNo: 1,
        totalPage: $produceList.totalPage,
        totalSize: $produceList.totalRows,
        callback: function(currentPage) {
            $.ajax({
                type: 'POST',
                url: "/produce/produce2",
                data: {"currentPage":currentPage},
                success: function (data) {
                  
                }
            })
        }
    })

你好，我像这样用ajax把当前页传到后台，然后返回data数据回来，之后怎么进行刷新呢？怎么把表格里循环的数据换成第二页的？新手不太会啊

天道酬勤0
2017/10/23 10:41:24
兄弟，这个是作为前端动态页面的基本哈，清空第一页的数据，将你的数据遍历append到页面

$("#page").paging({
		pageNo:1,
		totalPage: 144,	 //总页数
		/* totalSize: 300,	总记录数 */
		callback: function(page) {
		 	var params = {
			"page":page,	//第几页
			"rows":10	//设置每页显示多少条数据
			};
			request("testPage.do", params ,function(PageData){
		    	if(PageData){
		    		console.log(PageData);
		    	}
			}); 
		}
	})

你好，我想请问下，当我请求后台返回参数后初始化页面时，怎么动态设置总页数？以上代码是把总页数设置死了，我后台返回了PageData.totalPage这个总页数，要重新初始化该怎么写？

天涯途上谁是客0
2017/10/17 1:28:27

$(function() {
    request("testPage.do", "", function(PageData) {
        if (PageData) {
            console.log(loadData.totalPage);
        }
    });
});

这一个是我想写的页面自动加载第一页的数据，但他的执行顺序是在上一段代码之后，这样子怎么将第一次加载页面获得总页数动态加载出来？

天道酬勤0
2017/10/17 9:12:44

重新调用paging，将初始化的ajax和分页ajax分开，或者每次调用都初始化，将pageNo传进去

天涯途上谁是客0
2017/10/17 10:09:21

动态加载总页数已经解决了，谢谢~不过碰上了一个问题，就是这个分页插件和我的一个浮层插件冲突了，当浮层插件被加载出来后，再调用paging就会报(...).paging is not a function的错误，如果要修改你的源码，改怎么修改呢？

天道酬勤1
2017/10/17 14:14:05

出现这个问题，是不是和命名一样但类型冲突了？将如果是这样，将paging最后面

$.fn.paging = function(options) {
    return new Paging($(this), options);
}；

这句话 $.fn.paging 的paging 改成 你的命名就行了