您好,登录后才能下订单哦!
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
小编给大家分享一下Repeater中实现多行间隔显示分隔符的方法,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
Repeater多行间隔显示分隔符的方法,如图
本例使用 vs.net 2008(C#)编写后台.CS代码。来自 admin10000.com
protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack) { rptList.DataSource = GetTable(); rptList.DataBind(); } } protected void rptList_ItemDataBound(object sender, RepeaterItemEventArgs e) { if (e.Item.ItemType == ListItemType.AlternatingItem || e.Item.ItemType == ListItemType.Item) { DataRowView drv = (DataRowView)e.Item.DataItem; Literal ltlTitle = (Literal)e.Item.FindControl("ltlTitle"); ltlTitle.Text = drv.Row["title"].ToString(); if ((e.Item.ItemIndex + 1) % 5 == 0 && (e.Item.ItemIndex + 1) < 15) { System.Web.UI.LiteralControl ul = new LiteralControl("</ul><p class=\"sep\"></p><ul>"); e.Item.Controls.Add(ul); } } } DataTable GetTable() { DataTable dt = new DataTable(); dt.Columns.Add("title", typeof(string)); for (int i = 1; i <= 15; i++) { DataRow row = dt.NewRow(); row["title"] = "这是文章标题 " + i + ""; dt.Rows.Add(row); } return dt; }
前台.aspx代码
<form id="form1" runat="server"> <p> <asp:Repeater ID="rptList" runat="server" onitemdatabound="rptList_ItemDataBound"> <HeaderTemplate> <ul> </HeaderTemplate> <ItemTemplate> <li> <asp:Literal ID="ltlTitle" runat="server"></asp:Literal></li> </ItemTemplate> <FooterTemplate> </ul></FooterTemplate> </asp:Repeater> </p> </form>
看完了这篇文章,相信你对“Repeater中实现多行间隔显示分隔符的方法”有了一定的了解,如果想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。