DDR爱好者之家

基于twbsPagination.js分页插件使用心得(分享)
站长资源 2024/11/26 佚名
1 1538
DDR爱好者之家 Design By 杰米

项目中之前需要分页插件，以前用的都是单纯叫做pagenation.js的插件，但是这次集成的时候，项目组一个孩纸用了这个插件，结合网上的例子琢磨了一把。其实大致流程都是相同的，主要将我在用这个分页插件的一些心得分享出来：

1、分页插件引入html中需要：

bootstrap.css

分页插件js

自己写的分页的样式css【如果不用，也可以直接用bootstrap所带的分页css。】

使用jquery可以引入jquery.js

html中：

<script type="text/javascript" src="/UploadFiles/2021-04-02/<c:url value=">


2、分页插件使用时：




可以定义一个专门页面转换的方法，引入使用：




html中：





<ul id="pagination" class="pagination">
</ul>





js中：







managementPage:function (pagesize) {
 var obj = $('#managePagination').twbsPagination({
  totalPages: pagesize,//总页数
  startPage: 1,//起始页
  visiblePages: pagesize>5"active").siblings().removeClass("active");

   var start = (page - 1)*5+1;
   var end = page*5+1;
   var param = {
    'start':start,
    'end':end
   };
   ds.manageSystem(manageSystemUrl,param);//异步加载的方法，主要需要将起始页与结束页带回后台
  }
 });
 obj.data();//加载分页样式
},





3、注意：分页插件在使用时注意，如果页面中存在其他异步加载的数据，在运行分页方法第一次后，页面上的分页样式与分页中的data数据就是第一次的数据，如果异步加载重新在页面上录入数据，并希望分页继续在新的数据上实现，则需要引用以下代码：





 //页面重载时置空分页数据（属于分页插件）
 $('#managePagination').empty();
 $('#managePagination').removeData("twbs-pagination");
 $('#managePagination').unbind('page');






这段代码放入的地方也有讲究，需要放在即将异步加载的数据之前，先异步加载的数据一步清空分页插件，此时再次加载的分页数据才是新的数据内容。




4、分页插件基本使用以上代码便可全部满足。




以上这篇基于twbsPagination.js分页插件使用心得(分享)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

昨天有一位朋友在大神群里分享，自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址，com.cn和后面的zh都非常明白地表明这就是国服战网。

而他在复制这个网址并且进行登录之后，确实是网易的网址，也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情，因为以前都没有出现这样的情况，现在突然提示跳转到国服战网的网址，是不是说明了简体中文客户端已经开始进行更新了呢？

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米