温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

怎么在.NET中使用repeater实现一个分页效果

发布时间:2021-01-13 16:37:12 来源:亿速云 阅读:157 作者:Leah 栏目:开发技术

本篇文章为大家展示了怎么在.NET中使用repeater实现一个分页效果,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

Repeater控件是一个数据绑定容器控件,它能够生成各个项的列表,并可以使用模板定义网页上各个项的布局。当该页运行时,该控件为数据源中的每个项重复此布局。

配合模板使用repeater控件

若要使用repeater控件,需创建定义控件内容布局的模板。模板可以包含标记和控件的任意组合。如果未定义模板,或者模板都不包含元素,则当应用程序运行时,该控件不显示在页面上。

ItemTemplate : 含要为数据源中每个数据项都要呈现一次的 HTML 元素和控件。 

AlternatingItemTemplate : 对交替数据项进行格式设置(包含要为数据源中每个数据项都要呈现一次的 HTML 元素和控件。通常,可以使用此模板为交替项创建不同的外观,例如指定一种与在ItemTemplate中指定的颜色不同的背景色)。

SeparatorTemplate : 对分隔符进行格式设置(包含在每项之间呈现的元素。)。

HeaderTemplate : 对页眉进行格式设置(包含在列表的开始处分别呈现的文本和控件。)。

FooterTemplate : 对页脚进行格式设置(包含在列表的结束处分别呈现的文本和控件。)。     

Repeater分页效果如下:

前台代码:

<body>
 <asp:Repeater ID="Repeater1" runat="server">
  <HeaderTemplate>
  <p ><span >用户名</span><span >注册时间</span><span >访问量</span></p>
  <table >
  </HeaderTemplate>
  <ItemTemplate>
  <tr>
   <td ><%#Eval("Username") %></td>
   <td ><%#Eval("RegistrationTime") %></td>
   <td ><%#Eval("AccessAmount") %></td>
  </tr>
  <tr>
   <td colspan="3" ></td>
  </tr>
  </ItemTemplate>
  <FooterTemplate>
  </table>
  </FooterTemplate>
 </asp:Repeater> 
 <div >
  <div microsoft yahei","宋体";">
  <a><div ><a >共<asp:Label runat ="server" ID="zong"> </asp:Label>页</a></div></a>
  <a><div ><a >第<asp:Label runat ="server" ID="dangqian"> </asp:Label>页</a></div></a>
  <a><div > <a ><asp:hyperlink id="first" runat="server" >首页</asp:hyperlink></a></div></a>
  <a><div ><a ><asp:hyperlink id="lnkPrev" runat="server" >上一页</asp:hyperlink></a></div></a>
  <a><div ><a ><asp:hyperlink id="lnkNext" runat="server" >下一页</asp:hyperlink></a></div></a>
  <a><div > <a ><asp:hyperlink id="end" runat="server" >尾页</asp:hyperlink></a></div></a>
  </div> 
 </div> 
 </body>

后台代码:

protected void Page_Load(object sender, EventArgs e)
 {
  if(!Page.IsPostBack)
  {
  getUsers();
  }
 }
 private void getUsers()
 {
  List<Users1> list = new AdminManager().QueryUsers();    
  PagedDataSource pag = new PagedDataSource();
  pag.AllowPaging = true;// 设置允许分页
  pag.PageSize = 10; // 每页显示为3行
  pag.DataSource = list; // 模板绑定数据源 
  zong.Text = pag.PageCount.ToString(); // 显示总共页数
  int CurrentPage;
  // 请求页码为不为null设置当前页,否则为第一页
  if (Request.QueryString["Page"] != null)
  {

  CurrentPage = Convert.ToInt32(Request.QueryString["Page"]);
  }
  else
  {
  CurrentPage = 1;
  }
  if (Request.QueryString["PageSize"] != null)
  {
  pag.PageSize = Convert.ToInt32(Request.QueryString["PageSize"]);
  }
  else
  {
  pag.PageSize = 10;
  }
  pag.CurrentPageIndex = CurrentPage - 1; // 当前页所引为页码-1
  dangqian.Text = CurrentPage.ToString(); // 当前页
  if (!pag.IsFirstPage)
  {
  //  Request.CurrentExecutionFilePath为当前请求虚拟路径
  lnkPrev.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(CurrentPage - 1);
  } 
  // 如果不是最后一页,通过参数Page设置下一页为当前页+1,否则不显示连接
  if (!pag.IsLastPage)
  {
  // Request.CurrentExecutionFilePath为当前请求虚拟路径
  lnkNext.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(CurrentPage + 1);
  }
  //首页
  first.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(1);
  //尾页
  end.NavigateUrl = Request.CurrentExecutionFilePath + "?page=" + pag.PageCount.ToString(); 
  if (Convert.ToInt32(HttpContext.Current.Request["page"]) > pag.PageCount)
  {  
  first.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(1);
  }
  this.Repeater1.DataSource = pag;
  this.Repeater1.DataBind();
 }

如果不需要进行分页,可执行以下代码:

protected void Page_Load(object sender, EventArgs e)
{
  if(!Page.IsPostBack)
 {
   getUsers();
 }
}
private void getUsers()
{
  List<Users1> list = new AdminManager().QueryUsers(); 
 this.Repeater1.DataSource = list ;
 this.Repeater1.DataBind();
}

上述内容就是怎么在.NET中使用repeater实现一个分页效果,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI