asp.net学习_分页的设计(3)

   6:  </asp:Content>
   7:  <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
   8:      <%--GetNewsTypeInfoForNewsByJson--%>
   9:  
  10:     <div class="list">
  11:          <div class="list_title"><h4>新闻列表</h4><span>当前位置：<a href="../Default.aspx">首页</a> > 新闻列表</span></div>
  12:          <ul>
  13:              <asp:Repeater ID="rpData" runat="server">
  14:              <ItemTemplate>
  15:               <li><a href='ViewNews.aspx?NewsId=<%#Eval("Id") %>'>[<%#Eval("TypeName")%>]<%#Eval("Title")%></a><span><%#Eval("Time")%></span></li>
  16:              </ItemTemplate>
  17:              </asp:Repeater>
  18:          </ul>
  19:          <div class="page">
  20:                <p><div class="pager"><%=PagerHtml%></div></p>
  21:                
  22:          </div>
  23:      </div>
  24:  
  25:  </asp:Content>
  26:  
效果图:

 

 

这样仍然有一些问题:
为什么一定要后台处理呢?
为什么后台要做这些显示相关的?
后台只负责提供数据,而界面实现,完全应该由js解决......
因此,就有了现在这个版本....
上网研究了一下Jquery pager,然后在他的基础上,该改改,然后就有了现在这个版本,后台只负责提供数据(json格式)
前台负责界面显示
js分页:
   1:  //Download by http://www.codefans.net