cms:pagebar分页条标签-泽元知识库

　　标签描述：分页条标签，用于在列表页面展现分页条。

　　标签属性：

属性	数据类型	允许值	用法
mode	String		分页条模式，值为空则为默认样式，值为classic则为旧版样式

　　标签实例1：（默认样式）

显示效果：

　　标签实例2：(自己定义的样式)

<cms:pagebar>
      <div class="nextPage">
        <div class="l_home"><a href="${FirstFileName}">首页</a></div>
        <div class="m_page"> 
        	<z:if condition="${Page.Index>0}">
        	<z:if condition="${Page.Index>1}">
        	<span><a href="index_<z:eval expression="${Page.Index-1}" />${FileType}"><img border="0" align="middle" src="../images/list_icon01.gif"> <font color="#686868">上一页</font></a></span>
        	</z:if>
        	<z:else>
        	<span><a href="${FirstFileName}"><img border="0" align="middle" src="../images/list_icon01.gif"> <font color="#686868">上一页</font></a></span>
        	</z:else>
        	</z:if>
        	<z:if condition="${Page.Index}<${Page.Count-1}">
        	<span><a href="index_<z:eval expression="${1+Page.Index}" />${FileType}">下一页 <img border="0" align="middle" src="../images/list_icon01a.gif"></a></span> </div>
        	</z:if>
        <div class="r_end"><a href="index_<z:eval expression="${Page.Count-1}" />${FileType}">末页</a></div>
        <div class="clear"></div>
      </div>
</cms:pagebar>

　　显示效果：

　标签实例3：(自己定义的样式)

<cms:pagebar>
    <input type="hidden" name="PageIndex" id="PageIndex" value="${Page.Index}" />
	<input type="hidden" name="PageCount" id="PageCount" value="${Page.Count}" />
    <ul class="g-ul">
    <z:if condition="${Page.Count==0}">
		<div align="center">&nbsp;&nbsp;&nbsp;无记录</div>
	</z:if>
	<z:else>
		<li class="page_prev"><a href="javascript:changePage(${Page.Index});">上一页</a></li>
			<z:if condition="${Page.Count<=8}">
				<z:for from="1" to="${Page.Count+1}">
				<z:if condition="${i>=1&&i<=Page.Count}">
				     <z:if condition="${i-1==Page.Index}">
					     <li class="on hidden-xs"><a>${i}</a></li>
					 </z:if>
					 <z:else>
						<li class="hidden-xs"><a href="javascript:changePage(${i});">${i}</a></li>
					 </z:else>
				</z:if>
				</z:for>
			</z:if>
			<z:else>
				<z:if condition="${Page.Index+6>=Page.Count}">
					<z:for from="${Page.Count-7}" to="${Page.Count+1}">
						<z:if condition="${i>=1&&i<=Page.Count}">
							<z:if condition="${i-1==Page.Index}">
								<li class="on hidden-xs"><a>${i}</a></li>
							</z:if>
							<z:else>
								<li class="hidden-xs"><a href="javascript:changePage(${i});">${i}</a></li>
							</z:else>
						</z:if>
					</z:for>
				</z:if>
				<z:else>
					<z:for from="${Page.Index-1}" to="${4+Page.Index}">
						<z:if condition="${i>=1&&i<=Page.Count}">
							<z:if condition="${i-1==Page.Index}">
								<li class="on hidden-xs"><a>${i}</a></li>
							</z:if>
							<z:else>
								<li class="hidden-xs"><a href="javascript:changePage(${i});">${i}</a></li>
							</z:else>
						</z:if>
					</z:for>
					<z:if condition="${Page.Count>3&&Page.Index==0}">
						<li class="hidden-xs"><a href="javascript:changePage(4);">4</a></li>
					</z:if>
					<z:if condition="${Page.Count>8}">
						<li class="hidden-xs"><a>...</a></li>
						<li class="hidden-xs"><a href="javascript:changePage(${Page.Count-1});">${Page.Count-1}</a></li>
						<li class="hidden-xs"><a href="javascript:changePage(${Page.Count});">${Page.Count}</a></li>
					</z:if>
				</z:else>
			</z:else>
			<li class="page_next">
				<a href="javascript:changePage(${Page.Index+2});">下一页</a></li>
                     <li class="bot hidden-xs"><span>第<input id="JumpPage" type="text" value="1">/${Page.Count}页</span><a href="javascript:changePage(-2);">跳转</a></li>
	</z:else>
    </ul> 
</cms:pagebar>

显示效果：