前端漂亮分页代码

最新推荐文章于 2024-05-09 15:08:16 发布

jingcairensheng

最新推荐文章于 2024-05-09 15:08:16 发布

阅读量1.6k

点赞数 2

本文链接：https://blog.csdn.net/jingcairensheng/article/details/53641935

版权

为方便查找，将本次分页记录下来。效果如下：

    <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>