jsgkj/znjg/trunk/WebContent/WEB-INF/view/jsp/pageinfo.jsp

<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<style>
.tab_footer{float: right;overflow: hidden;font-size: 12px;line-height: 22px;}
.tab_footer>select,.tab_footer>div{float: left;}
.tab_footer>.p-record{padding:0 5px 0 50px}
.tab_footer a{width: 15px;height: 21px;display: inline-block;margin: 0 3px;cursor: pointer;}
.tab_footer .pageprev,#tab_footer .pagenext{height: 21px;border-right: 1px solid #ccc;border-left: 1px solid #ccc;padding: 0 5px;margin: 0 5px;}
.tab_footer .pageprev>a{width: 15px;height: 21px;display: inline-block;}
.tab_footer .prev_all{background: url("../images/page_turn.png") 2px 4px no-repeat;}
.tab_footer .prev_one{background: url("../images/page_turn.png") -19px 4px no-repeat;}
.tab_footer .next_one{background: url("../images/page_turn.png") -39px 4px no-repeat;}
.tab_footer .next_all{background: url("../images/page_turn.png") -60px 4px no-repeat;}
.tab_footer .refresh{background: url("../images/page_turn.png") -80px 4px no-repeat;}
</style>
<!-- 
	<table class="search_button_table" >
		<tr>
         <td>
             
         </td>
         <td style="text-align: center;">
             <a href="#" id="pagefirst" style="color: blue;"><i class="glyphicon glyphicon-step-backward" ></i> </a>
			 <a href="#" id="pageprev" style="color: blue;"><i class="glyphicon glyphicon glyphicon-chevron-left"></i> </a>
			 <span>第${page.currentpage }页,共${page.totalpages}页
			 <a href="#" id="pagenext" style="color: blue;"><i class="glyphicon glyphicon glyphicon-chevron-right"></i> </a>
			 <a href="#" id="pagelast" style="color: blue;"><i class="glyphicon glyphicon-step-forward"></i> </a>
         </td>
         <td>
        	<p>
				<span > 当前显示${page.datafrom}-${page.dataend}条记录</span><span >   共${page.totalRows}条</span>
			</p>
         </td>
     </tr>
    </table>
    -->
<div class="tab_footer">
            <select class="" name="pagerows" id="pagerows" style="width: 50px;margin-top:3px;">
                <option value="5" <c:if test="${page.pagerows==5}">selected</c:if>>5</option>
                <option value="10" <c:if test="${page.pagerows==10}">selected</c:if>>10</option>
                <option value="15" <c:if test="${page.pagerows==15}">selected</c:if>>15</option>
            </select>
            <div class="pageprev" style="margin-top:3px;">
                <a href="#" class="prev_all" id="pagefirst"></a>
                <a href="#" class="prev_one" id="pageprev"></a>
            </div>
            <div>
                第&nbsp;<input type="text" id="currentpage" value="${page.currentpage }" name="currentpage"  style="width: 40px;height:22px;margin-top:3px;"/>&nbsp;页  共${page.totalpages}页
            </div>
            <div class="pagenext" style="margin-top:3px;">
                <a class="next_one" href="#" id="pagenext"></a>
                <a class="next_all" href="#" id="pagelast"></a>
            </div>
            <div>
                <a class="refresh" id="refresh" style="margin-top:3px;"></a>
            </div>
            <div class="p-record" style="margin-top:3px;">当前显示<span>${page.datafrom}-${page.dataend}</span>条记录，共<span>${page.totalRows}</span>条记录</div>
			<input type="hidden"  value="${page.totalpages}" id="pagetotal">
        </div>