zoukankan      html  css  js  c++  java
  • 分页功能

    利用sui实现分页功能

    先把相应的js和css引入,在把配置的方法写好,在页面的底部加上一个div   <div id = "div1"></div>

    然后在页面上加入插件的相应API

    $('#div1').pagination({
    pages: ${totalPage },//总页数
    styleClass: ['pagination-large'],
    showCtrl: true,
    displayPage: 6,
    currentPage:${currentPage },//当前页数
    onSelect: function (num) {
    //跳转到点击的页面
    location.href="<%=basePath %>admin/login/list?page="+num
    }
    });

    后台也要加入相应的代码,把数据从数据库中查询出来详情参照http://www.cnblogs.com/xianan87/p/3948816.html里面的方法进行配置的

    遇到的问题:1.就是当我们点击页面上的第几页时,不知道怎么把当前页面设置为默认选中。

    解决方法:插件中有相应的API,把这个API加入就可以实现这功能currentPage:${currentPage },//当前页数

    2.后台没有加入判断当输入的页数大于总页数时,应当显示最后一页。在后台加入

    if(null == page)
    {

    //页面初始的时候page没有值
    page = "1";
    } else if(Integer.parseInt(page) > pageTimes) {
    page = String.valueOf(pageTimes);
    }

  • 相关阅读:
    工业互联网兴起
    互联网经济学
    广泛应用的区块链技术
    工业互联网数据传输探讨
    谈谈网站性能
    深入探讨vue响应式原理
    工业互联网虚拟数字
    对www.518shengmao.com站资源打包,采用vue Node.js
    jquery的事件命名空间详解
    巧用索引与变量
  • 原文地址:https://www.cnblogs.com/liaoyanglong/p/6127114.html
Copyright © 2011-2022 走看看