您的位置:首页 > Web前端

前端漂亮分页代码

2016-12-14 16:55 253 查看
为方便查找,将本次分页记录下来。效果如下:


<div class="pagin">
<div class="message">共<i class="blue"><asp:Label ID="lbtotal" runat="server" Text="0"></asp:Label></i>条记录,当前显示第 <i class="blue"><asp:Label ID="lbpage" runat="server" Text="1"></asp:Label> </i>页</div>
<ul class="paginList">
<%int CurPage = Convert.ToInt32(lbpage.Text); int totalpage = (Convert.ToInt32(lbtotal.Text) / Convert.ToInt32(hfpagesize.Value)); if ((Convert.ToInt32(lbtotal.Text) % Convert.ToInt32(hfpagesize.Value)) != 0) totalpage = totalpage + 1; if (CurPage >= 1)
{
if (CurPage == 1) { CurPage = 1; }
else
{%>
<li class="paginItem"><a href='XX.aspx?P=<%=(CurPage - 1)%>&TS=<%=txtstart.Text%>&TE=<%=txtend.Text%>'><span class="pagepre"></span></a></li><%}
} int startpage = 1; int endpage = totalpage; if (totalpage <= 5)
{
startpage = 1;  endpage = totalpage;
for (int i = startpage; i <= endpage; i++)
{
if (i == Convert.ToInt32(lbpage.Text))
{ %>
<li class="paginItem current"><a href="XX.aspx?P=<%=(CurPage - 1)%>&TS=<%=txtstart.Text%>&TE=<%=txtend.Text%>"><%=i%></a></li><%}
else
{ %>
<li class="paginItem"><a href="XX.aspx?P=<%=(CurPage - 1)%>&TS=<%=txtstart.Text%>&TE=<%=txtend.Text%>"><%=i%></a></li><%}
}
}
else
{
if (CurPage <= 3)
{
startpage = 1;
endpage = 5;
}
else
{
startpage = CurPage - 2;
endpage = CurPage + 2 < totalpage ? CurPage + 2 : totalpage;
}
for (int j =startpage; j <= endpage; j++)
{
if (j == CurPage)
{ %>
<li class="paginItem current"><a href="XX.aspx?P=<%=(CurPage - 1)%>&TS=<%=txtstart.Text%>&TE=<%=txtend.Text%>"><%=j%></a></li><%}
else
{ %>
<li class="paginItem"><a href="XX.aspx?P=<%=(CurPage - 1)%>&TS=<%=txtstart.Text%>&TE=<%=txtend.Text%>"><%=j%></a></li><%}
if (j == endpage&&endpage<totalpage)
{
startpage = j + 1;
%>
<li class="paginItem more"><a href="XX.aspx?P=<%=(CurPage - 1)%>&TS=<%=txtstart.Text%>&TE=<%=txtend.Text%>">...</a></li><%}
}
%>
<%if (CurPage <= totalpage)
{
if (CurPage == totalpage) {CurPage = totalpage;}else{%>
<li class="paginItem"><a href="XX.aspx?P=<%=(CurPage - 1)%>&TS=<%=txtstart.Text%>&TE=<%=txtend.Text%>"><span class="pagenxt"></span></a></li><%}}
}%>
</ul>
</div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: