一个分页的控件 -

a729812804

浏览: 42428 次
性别:
来自: 北京

最近访客更多访客>>

xinyuexiaodi

inclick

jjb610753

chokee

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

一个分页的控件

博客分类：

java
js

JavaScript Ajax

page页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
   pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

</head>
<body>
<script type="text/javascript">
function goPage(pageno)

{    if('<c:out value="${url}"></c:out>'.indexOf("?") >= 0){
   location.href='${url}' + "&pageNo=" + pageno + "&pageSize=" + ${pager.rowsPerPage};
}else{
   location.href='${url}' + "?pageNo=" + pageno + "&pageSize=" + ${pager.rowsPerPage};
}

}
</script>

   <div class="cqa_page">
        <a href="javaScript:goPage(0)">首页</a>
        <c:choose>
            <c:when test="${pager.pageNo == 0}">
                <a href="javaScript:goPage(0)">上一页</a>
            </c:when>
            <c:when test="${pager.pageNo >= 1}">
                <a href="javaScript:goPage(${pager.pageNo-1 })">上一页</a>
            </c:when>
            <c:otherwise>
                <a href="javaScript:goPage(0)">上一页</a>
            </c:otherwise>
        </c:choose>
        <c:choose>
            <c:when test="${pager.totalRows ==0 }">
                <c:set value="1" var="pageConut" scope="page" />
            </c:when>
            <c:when test="${pager.totalRows % pager.rowsPerPage ==0 }">
                <c:set value="${pager.totalRows /pager.rowsPerPage   }"
                    var="pageConut" scope="page" />
                    <fmt:formatNumber value="${pageConut }" pattern="#0"
                    var="pageConut"></fmt:formatNumber>
            </c:when>
            <c:otherwise>
                <c:set value="${pager.totalRows /pager.rowsPerPage   }"
                    var="pageConut" scope="page" />
                    <fmt:formatNumber value="${pageConut+0.5 }" pattern="#0"
                    var="pageConut"></fmt:formatNumber>
            </c:otherwise>
        </c:choose>

        <c:choose>
            <c:when test="${pager.pageNo< (pageConut-1)}">
                <a href="javaScript:goPage(${pager.pageNo+1 })">下一页</a>
            </c:when>
            <c:when test="${pager.pageNo== (pageConut-1)}">
                <a href="javaScript:goPage(${pageConut-1 })">下一页</a>
            </c:when>
            <c:otherwise>
                <a href="javaScript:goPage(${pageConut-1 })">下一页</a>
            </c:otherwise>
        </c:choose>

        <a href="javaScript:goPage(${pageConut-1 })">尾页</a> <span>共</span><span
            class="cqa_h18 tex_c"><font color="#c00">${pager.pageNo+1}</font>/${pageConut}</span><span>页</span>
        <span>共</span><span class="cqa_h18 tex_c"><font color="#c00">${pager.totalRows
                }</font> </span><span>条</span>
<span><input type="text" style="width:30px; height:15px; margin-top:5px;"
                        onkeydown="if(event.keyCode == 13){ if(this.value =='') this.value=1; goPage( this.value-1)};"
                        onkeyup="var xx=this.value.replace(/\D+/g,'');if(xx>${pageConut }){ xx = ${pageConut };} if(xx<=0){xx=''} this.value= xx;return true"/></span>
                <span>页</span>
   </div>
</body>
</html>

页面的引用

查看图片附件

分享到：

遍历List 按照类型分类组装map对象 | spring 上传

2012-02-23 15:07
浏览 1287
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

一个分页的控件

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

一个分页的控件

评论

发表评论

相关推荐

微信 请求校验(确认请求来自微信服务器)

微信 JSSDK 校验前端

微信 微信授权 用户登陆处理

微信 wxnotifyurl 支付回调方法

微信 wxPaymentPackage 支付信息封装

微信 XMLUtil 数据解析

微信 SHA1 加密方式实体

微信 PayCommonUtil 生成 signature签名

微信 ConfigUtil 相关配置类

微信 开发 CommonUtil 获取token 及发送接收请求

微信 JSSDK 校验配置生成 Java

通过map取值List并比较两个两个时间属性排序

ajax异步提交返回数据显示在页面固定div层

js创建未来对象并遍历取值

遍历List 按照类型分类组装map对象

spring 上传

js为li元素添加监听 jsp其他元素同理

一个简单的全选和批量处理的js判断

一个很简单的导出实例 java word excel

IOUtil类

最近访客更多访客>>

微信请求校验(确认请求来自微信服务器)

微信微信授权用户登陆处理

微信开发 CommonUtil 获取token 及发送接收请求