小编给大家分享一下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中实现多行间隔显示分隔符的方法”有了一定的了解,如果想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。