实用技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > ASP.NET > 实用技巧 > Repeater多行间隔显示分隔符

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

作者:

本文为大家介绍下Repeater如何实现多行间隔显示分隔符,下面有个不错的示例,感兴趣的朋友可以参考下
复制代码 代码如下:

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>
您可能感兴趣的文章:
阅读全文