• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

关于repeater和分页效果的代码详解(ASP)

c# 搞代码 4年前 (2022-01-09) 12次浏览 已收录 0个评论

Repeater控件是一个数据绑定容器控件,它能够生成各个项的列表,并可以使用模板定义网页上各个项的布局。本文对此进行详细介绍,下面跟着小编一起来看下吧

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

配合模板使用repeater控件

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

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

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

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

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

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

Repeater分页效果如下:

前台代码:

<body> <asp:Repeater ID="Repeater1" runat="server">  <HeaderTemplate>  <p style="background-color:#988c6e;width:400px;padding-top:5px;padding-bottom:5px;margin-left:30px;margin-top:30px;border-radius:5px;color:#fff;font-weight:bold;"><span style="padding-left:30px;">用户名</span><span style="padding-left:100px;">注册时间</span><span style="padding-left:90px;">访问量</span></p>  <table style="margin-left:30px;margin-top:30px;">  </HeaderTemplate>  <ItemTemplate>  <tr>   <td style="width:120px;text-align:left; padding-left:20px;"><%#Eval("Username") %></td>   <td style="width:170px;text-align:left; "><%#Eval("RegistrationTime") %></td>   <td style="width:50px;text-align:left; "><%#Eval("AccessAmount") %></td>  </tr>  <tr>   <td colspan="3" style="border-bottom:1px inset #C0D9D9;padding-top:7px;"></td>  </tr>  </ItemTemplate>  <FooterTemplate>  </table>  </FooterTemplate> </asp:Repeater>  <p style="margin-left:50px;">  <p style="margin:0 auto; margin-top:50px;border:1px solid #fff;font-size:16px;font-family:"microsoft yahei","宋体";">  <a><p style="border:1px solid #000; width:60px; float:left; margin:5px;text-align:center;"><a style="color:#000">共<asp:Label runat ="server" ID="zong"> </asp:Label>页</a></p></a>  <a><p style="border:1px solid #000; width:60px; float:left;margin:5px;text-align:center;"><a style="color:#000">第<asp:Label runat ="server" ID="dangqian"> </asp:Label>页</a></p></a>  <a><p style="border:1px solid #000; width:40px; float:left;margin:5px;text-align:center;"> <a style="color:#000"><asp:hyperlink id="first" runat="server" style="color:#000">首页</asp:hyperlink></a></p></a>  <a><p style="border:1px solid #000; width:60px; float:left;margin:5px;text-align:center;"><a style="color:#000"><asp:hyperlink id="lnkPrev" runat="server" style="color:#000">上一页</asp:hyperlink></a></p></a>  <a><p style="border:1px solid #000; width:60px; float:left;margin:5px;text-align:center;"><a style="color:#000"><asp:hyperlink id="lnkNext" runat="server" style="color:#000">下一页</asp:hyperlink></a></p></a>  <a><p style="border:1px solid #000; width:40px; float:left;margin:5px;text-align:center;"> <a style="color:#000"><asp:hyperlink id="end" runat="server" style="color:#000">尾页</asp:hyperlink></a></p></a>  </p>  </p>  </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.<a style="color:transparent">本文来源gao($daima.com搞@代@#码$网</a>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();}

【相关推荐】

1. ASP免费视频教程

2. ASP教程

3. 李炎恢ASP基础视频教程

以上就是关于repeater和分页效果的代码详解(ASP)的详细内容,更多请关注搞代码gaodaima其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:关于repeater和分页效果的代码详解(ASP)

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址