Repeater怎么实现多行间隔显示分隔符

网络编程 2021-07-04 22:40www.168986.cn编程入门
本文为大家介绍下Repeater如何实现多行间隔显示分隔符,狼蚁网站SEO优化有个不错的示例,感兴趣的朋友可以参考下
代码如下:

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("
");
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}

<</CODE>form id="form1" runat="server">
<</CODE>div>
<</CODE>asp:Repeater ID="rptList" runat="server"
onitemdatabound="rptList_ItemDataBound">
<</CODE>HeaderTemplate>
<</CODE>ul>
</</CODE>HeaderTemplate>
<</CODE>ItemTemplate>
<</CODE>li>
<</CODE>asp:Literal ID="ltlTitle" runat="server"></</CODE>asp:Literal></</CODE>li>
</</CODE>ItemTemplate>
<</CODE>FooterTemplate>
</</CODE>ul></</CODE>FooterTemplate>
</</CODE>asp:Repea</</CODE>form>

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by