java bootstrap分页
样式如下

datumMap.total总共多少页
datumMap.page第几页
<nav class="pull-right">
<ul class="pagination">
<!-- 是否能点击前一页 -->
<c:choose>
<c:when test="${datumMap.page==1}">
<li class="disabled">
<a aria-label="Previous" href="javascript:void(0);">
<span aria-hidden="true">«</span>
</a>
</li>
</c:when>
<c:otherwise>
<li>
<a aria-label="Previous" href="${ctx_path}/datum/show_datum?page=${datumMap.page-1}">
<span aria-hidden="true">«</span>
</a>
</li>
</c:otherwise>
</c:choose>
<!-- 显示可以点击的页数 -->
<c:choose>
<c:when test="${datumMap.total<=5}">
<c:forEach var="p" begin="1" end="${datumMap.total}">
<li <c:if test="${datumMap.page==p}">class="active"</c:if>><a href="${ctx_path}/datum/show_datum?page=${p}">${p}</a></li>
</c:forEach>
</c:when>
<c:otherwise>
<c:choose>
<c:when test="${datumMap.page < 4 && datumMap.page > 0}"><!-- 1-3页 -->
<li <c:if test="${datumMap.page == 1}">class="active"</c:if>><a href="${ctx_path}/datum/show_datum?page=1">1</a></li>
<li <c:if test="${datumMap.page == 2}">class="active"</c:if>><a href="${ctx_path}/datum/show_datum?page=2">2</a></li>
<li <c:if test="${datumMap.page == 3}">class="active"</c:if>><a href="${ctx_path}/datum/show_datum?page=3">3</a></li>
<li <c:if test="${datumMap.page == 4}">class="active"</c:if>><a href="${ctx_path}/datum/show_datum?page=4">4</a></li>
<li><a href="javascript:void(0);" class="disabled">...</a></li>
<li><a href="${ctx_path}/datum/show_datum?page=${datumMap.total}">${datumMap.total}</a></li>
</c:when>
<c:when test="${datumMap.page < datumMap.total-2}">
<li><a href="${ctx_path}/datum/show_datum?page=${datumMap.page-2}">${datumMap.page-2}</a></li>
<li><a href="${ctx_path}/datum/show_datum?page=${datumMap.page-1}">${datumMap.page-1}</a></li>
<li class="active"><a href="${ctx_path}/datum/show_datum?page=${datumMap.page}">${datumMap.page}</a></li>
<li><a href="${ctx_path}/datum/show_datum?page=${datumMap.page+1}">${datumMap.page+1}</a></li>
<li><a href="javascript:void(0);" class="disabled">...</a></li>
<li><a href="${ctx_path}/datum/show_datum?page=${datumMap.total}">${datumMap.total}</a></li>
</c:when>
<c:otherwise>
<li><a href="${ctx_path}/datum/show_datum?page=${datumMap.total-4}">${datumMap.total-4}</a></li>
<li><a href="${ctx_path}/datum/show_datum?page=${datumMap.total-3}">${datumMap.total-3}</a></li>
<li <c:if test="${datumMap.page==datumMap.total-2}">class="active"</c:if>><a href="${ctx_path}/datum/show_datum?page=${datumMap.total-2}">${datumMap.total-2}</a></li>
<li <c:if test="${datumMap.page==datumMap.total-1}">class="active"</c:if>><a href="${ctx_path}/datum/show_datum?page=${datumMap.total-1}">${datumMap.total-1}</a></li>
<li <c:if test="${datumMap.page==datumMap.total}">class="active"</c:if>><a href="${ctx_path}/datum/show_datum?page=${datumMap.total}">${datumMap.total}</a></li>
</c:otherwise>
</c:choose>
</c:otherwise>
</c:choose>
<!-- 是否能点击后一页 -->
<c:choose>
<c:when test="${datumMap.page==datumMap.total}">
<li class="disabled">
<a aria-label="Next" href="javascript:void(0);">
<span aria-hidden="true">»</span>
</a>
</li>
</c:when>
<c:otherwise>
<li>
<a aria-label="Next" href="${ctx_path}/datum/show_datum?page=${datumMap.page+1}">
<span aria-hidden="true">»</span>
</a>
</li>
</c:otherwise>
</c:choose>
</ul>
</nav>
java bootstrap分页的更多相关文章
- bootstrap 分页
1.背景: 前端页面使用bootstrap分页,同时与搜索条件联动: 2. jsp页面由服务端返回后, 异步请求动态创建表格, 分页的数据由服务端第一次返回后初始化, 以后每次异步请求再更新. jsp ...
- Bootstrap分页插件ajax返回数据,工具类的编写
使用Bootstrap分页插件时,需要返回指定的参数,这样Bootstrap才能够识别 需要引入的css: <!-- boostrap table --> <link href=&q ...
- bootstrap分页
使用bootstrap分页插件,如下代码是html代码 <title>分页</title> <link href="page/bootstrap-3.3.5-d ...
- bootstrap 分页样式代码
bootstrap 分页样式代码,废话不多说,直接上源码 <!DOCTYPE html> <html> <head> <title>Bootstrap ...
- Bootstrap 分页插件 ajax获取数据显示
Bootstrap 分页插件 ajax获取数据显示 标签(空格分隔): bootstrap 文章的内容是使用bootstrap-paginator进行分页,使用ajax获取后台数据.渲染. 1. 版本 ...
- Java 动态分页类
动态分页类: Cls_page.java package pagination; public class Cls_page { private int nums;// 总条目数 private i ...
- bootstrap分页插件的使用
项目中需要实现文章列表的分页显示,由于使用了bootstrap框架,所以我们选择bootstrap的分页实现方法.网上有一些这方面的介绍文章,并且也有相关的示例程序.这里结合我们的项目,介绍一下使用b ...
- yii使用bootstrap分页样式
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包.它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架.Bootstra ...
- java +bootstrap table 完整例子
需求:现在常用的table 插件很多, 比如 jquey datatables ,不过操作挺 麻烦, 看到推荐的bootstrap 自带的 table,就用到项目来,先看效果:
随机推荐
- Qt的Graphics-View框架和OpenGL结合详解
Qt的Graphics-View框架和OpenGL结合详解 演示程序下载地址:这里 程序源代码下载地址:这里 这是一篇纯技术文,介绍了这一个月来我抽时间研究的成果. Qt中有一个非常炫的例子:Boxe ...
- 解决svn状态图标不显示的办法
SVN是一款出色的代码版本控制工具,大部分开发者都在使用.由于前不久刚做了系统,所以要重装一下SVN,结果就出了问题,问题就是,不管是文件处于什么状态他的提示图标都不显示,这就太不给力了吧.通过搜寻, ...
- css float父元素高度塌陷
css float父元素高度塌陷 float 使父元素高度塌陷不是BUG,反而是标准. float 原本是为了解决文字环绕才出现的. 当然有的时候要解决高度塌陷的问题 以下几个方法可以解决float ...
- (转)asp.net动态设置标题title 关键字keywords 描述descrtptions
方法一 if (!IsPostBack){//Page title网页标题Page.Title = “我的网站标题”;//须将网页head标签设成服务器控件模式,即<head runat=&qu ...
- C# - CSV(Comma-Separated Values)文件读取.
using System; using System.Collections.Generic; using System.Diagnostics; using System.IO; using Sys ...
- linux局域网不能相互访问
1.关闭防火墙 /etc/init.d/iptable stop 2.关闭selinux 1.临时禁用SELinux: root@server# setenforce 0 这样重启服务器之后 ...
- (一)chrome扩展 - API小记
browserAction 设置browser action的badge文字,badge 显示在图标上面 chrome.browserAction.setBadgeText({text:"i ...
- 武汉科技大学ACM :1003: 零起点学算法67——统计字母数字等个数
Problem Description 输入一串字符,统计这串字符里的字母个数,数字个数,空格字数以及其他字符(最多不超过100个字符) Input 多组测试数据,每行一组 Output 每组输出一行 ...
- ie6下:png图片不透明 和 背景图片为png的节点的内部标签单击事件不响应
1.png图片不透明 少量图片时:使用滤镜: _background:none; _filter:prodig:DXImageTransform.Microsoft.AlphaImageLoader( ...
- C语言基础学习基本数据类型-变量和常量
变量和常量 什么是变量和常量?有些数据在程序运行前就预先设定,并在运行过程中不发生变化,称之为常量:有些数据在程序运行中可能发生变化或被赋值,称之为变量. 使用变量前必须先声明一个变量.变量定义的语法 ...