服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - ASP.NET教程 - Repeater怎么实现多行间隔显示分隔符

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

2019-11-25 12:58ASP.NET教程网 ASP.NET教程

本文为大家介绍下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> 

延伸 · 阅读

精彩推荐