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>
您可能感兴趣的文章:
- Repeater事件OnItemCommand取得行内控件的方法
- Repeater控件与PagedDataSource结合实现分页功能
- Repeater控件实现编辑、更新、删除等操作示例代码
- Repeater中嵌套Repeater的示例介绍
- repeater做删除前弹窗询问实例
- 给Repeater控件里添加序号的5种才常见方法介绍
- asp.net Repeater 数据绑定的具体实现(图文详解)
- Repeater控件绑定的三种方式
- ASP.NET笔记之 Repeater的使用
- asp.net Repeater分页实例(PageDataSource的使用)
- Repeater里switch的使用方法
- Repeater中添加按钮实现点击按钮获取某一行数据的方法