laypage分页控件使用实例详解_javascript技巧

来源：懂视网责编：小采时间：2020-11-27 20:32:33

laypage分页控件使用实例详解_javascript技巧

laypage分页控件使用实例详解_javascript技巧:在开发的时候经常遇到分页比较麻烦，尤其对于一个后端程序猿来说，但是这个问题不能不解决，于是找了一个分页的控件用用，记录在下，以便以后使用。以下是官网中使用的简单例子： //以下将以jquery.ajax为例，演示一个异步分页 $.getJSON('tes

推荐度：

点击下载本文 文档为doc格式

导读laypage分页控件使用实例详解_javascript技巧:在开发的时候经常遇到分页比较麻烦，尤其对于一个后端程序猿来说，但是这个问题不能不解决，于是找了一个分页的控件用用，记录在下，以便以后使用。以下是官网中使用的简单例子： //以下将以jquery.ajax为例，演示一个异步分页 $.getJSON('tes

在开发的时候经常遇到分页比较麻烦，尤其对于一个后端程序猿来说，但是这个问题不能不解决，于是找了一个分页的控件用用，记录在下，以便以后使用。

以下是官网中使用的简单例子：

一个基本的分页效果也就出来了。

如果你需要其他更加绚丽的效果请修改源代码。
先来说下，如果呈现出来一个分页的效果的。
首先呢，引用下控件laypage.js

插件下载地址：

现在来看看插件的配置：

/Mobile/AjaxHandler/QuestionAjax.aspx?action=GetRedisJoinMemberInformationById显示了一个异步的地址，该异步返回需要展示的数据，和页数。type:
2,ccId: ccId,pageIndex: 1,pageSize: pageSize,saveKey: saveKey则是异步中需要用到的参数就不说了。
PackagData(res);该函数是解析返回的数据并呈现出来。
userTable是用于显示返回的数据的dom节点，page1是用于显示页数的按钮的dom节点。
现在看下效果：