评论：简易ajax生成分页插件  [查看原文]

您这个是逻辑分页吗？

Gnomo0
2017/6/16 10:10:19

恩

百年孤独0
2017/6/20 11:07:44

这个分页器有卡顿现象啊，如何解决

Gnomo0
2017/6/16 10:12:15

返回一个集合应该也是可以的，但要保留data.total和data.rows字段值,因为ajaxData方法中被我固定用这两个字了，然后dataRender中你要自己解析一下数据

Ariesssss0
2017/6/16 14:30:35

我在后台做了物理分页，在前台dataRender方法要处理数据，按理说应该也是可以用这个插件实现分页的，但是现在问题dataRender这个方法进不去，可以说是有点尴尬了。

有没有搞懂的，求demo

这个插件有问题

你好，请问一个Ajax获取2000条数据，然后分为每页100条显示（数据插入到页面的table里），这个插件可以做到吗，需要在点击下一页的时候手动清空当前100条数据再写入下100条数据吗？

是否显示第一页和上一页那个  怎么去不掉的???

Gnomo0
2017/6/9 11:08:28

btnShow: false 不行吗

Gnomo0
2017/6/9 11:11:48

设置btnShow: false之后上一页下一页按钮还是会显示的，第一页和最后一页按钮不再显示。

这个插件怎么传参啊

我把所有数据遍历出来，如何分页，每页显示五条数据，求指导

Gnomo0
2017/6/1 16:38:55
目前这个插件只写了加载渲染每页数据，这个不适用所有数据遍历

天空之城0
2017/6/13 14:30:16

154151561313212312222222222222222222222222222222222221111111111111111111111111111

都是不同的 AJAX  , 您这个插件能 让我把请求回来的数据 直接放入插件中吗?主要你这个分页数据是因为里面只有四条数据，如果有五十条数据怎么写啊。一页显示5条。没看懂，求指导

Gnomo3
2017/6/1 16:37:40

不同的ajax，参数url和容器htmlBox分别定义成不同的就可以了,pageData每页数据条数也是可以修改的，

$("#pager2").zPager({
	url:'demo.json',
	htmlBox: $("#wraper"),
	btnShow: true,
	dataRender: function(data){
		var self = this;
		var _html = '拼接的字符串';
		self.htmlBox.html(_html);
		//ajax获取每页data数据后，可用此方法生成数据列表
		//此方法有默认function，也可以不写 具体参考demo
		console.log(data+'---ajax获取到的json格式的data数据');
	}
});

如上渲染数据写在dataRender这个方法里，dataRender里的data实际就是ajax获取到的data

我想问分页的内容怎么渲染呢？好像没写，下载下来也没看到渲染的位置、。。。

Gnomo0
2017/6/1 16:40:05

demo里面例子里dataRender这个方法，是可以重新拼接渲染dom元素的方法

$.fn.zPager.defaults = {
    totalData: 10, //数据总条数        
    pageData: 4, //每页数据条数       
    pageCount: 0, //总页数        
    current: 1, //当前页码数        
    pageStep: 10, //当前可见最多页码个数       
    minPage: 5, //最小页码数，页码小于此数值则不显示上下分页按钮       
    active: 'current', //当前页码样式       
    prevBtn: 'pg-prev', //上一页按钮       
    nextBtn: 'pg-next', //下一页按钮       
    btnBool: true, //是否显示上一页下一页       
    firstBtn: 'pg-first', //第一页按钮       
    lastBtn: 'pg-last', //最后一页按钮       
    btnShow: true, //是否显示第一页和最后一页按钮        
    disabled: true, //按钮失效样式       
    ajaxSetData: true, //是否使用ajax获取数据 此属性为真时需要url和htmlBox不为空       
    url: '', //ajax路由        
    htmlBox: '' //ajax数据写入容器   
}

您的  分页 每页几条数据不可控制吗?数据总条数 好像也不可以控制

Gnomo0
2017/5/31 13:14:24

使用ajax控制分页加载数据时候，参数totalData和pageCount可以不设置，数据总条数和pageCount总页数是通过ajax的返回数据total值和每页条数计算出来的，每页几条数据pageCount用参数可以控制

1373344490
2017/5/31 13:21:07

您的 插件 我弄了一早上, 还是没搞好,,,...

1373344490
2017/5/31 13:22:00

我一个页面 好几个 分页,  急需一个可以多用的,,,  搞了一早上.

1373344490
2017/5/31 13:27:30

success: function(res) {
        console.log(res);
        console.log(res[rangeAry[0]]);
        var rangeListArry = [];
        for (var r = 0; r < rangeAry.length; r++) {
            $.each(res[rangeAry[r]], function(index, val) {
                console.log(index + "    " + val) rangeListArry.push(val);
            });
        }

我这个 就是请求回来的数据 我全部添加到一个数组中了, 怎么放入到您的插件中,让他们每页显示10条 显示在一个DIV里

Gnomo0
2017/5/31 13:56:00

同一个页面上好几个分页的数据是在一个ajax返回的还是分开的？

Mosson"Dream0
2017/5/31 14:16:25

你好  js部分我没看明白  发QQ 联系作者 也没有回复   能加个 QQ  指导下吗？谢谢

1373344490
2017/6/1 9:05:51

都是不同的 AJAX  , 您这个插件能 让我把请求回来的数据 直接放入插件中吗?

Gnomo0
2017/6/1 16:41:31

不同的ajax使用时候需要分别调用的

非常感谢 分享出来

Mosson"Dream0
2017/5/31 13:51:13
能不能帮下忙   这个插件我也用到 ajax   怎么不成功呢？？？？？