前台应用----------Repeater控件

最新推荐文章于 2021-08-05 14:32:21 发布

置顶 flyxiaoye

最新推荐文章于 2021-08-05 14:32:21 发布

阅读量608

点赞数

分类专栏： Asp.Net 文章标签： dataset object table c

本文链接：https://blog.csdn.net/flyxiaoye/article/details/2292828

版权

Asp.Net 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

Introduce:

前台页面在实现列表显示的时候,只要做到显示功能的话，使用Repeater不产生多余的中间代码，可以让页面上代码简洁。

usein:

更多页面，推荐列表，搜索后的列表页面

原理是：通过控制添加</tr><tr>来换行

数据绑定事件中， e.Item.Controls.Add(new LiteralControl("</tr><tr>"));

在代码上实现前台多列显示

一、下面的代码实现，每行显示三列

前台代码：
<table>
<tr>
<asp:repeater id="Repeater1" runat="server">
<ItemTemplate>
<td><%#DataBinder.Eval(Container.DataItem,"thing")%></td>
</ItemTemplate>
</asp:repeater>
</tr>
</table>

后台代码：
protected int i=1;

private void Page_Load(object sender, System.EventArgs e)
{

XmlSerializer ser = new XmlSerializer(typeof(DataSet));
DataSet ds = new DataSet("myDataSet");
DataTable t = new DataTable("table1");
DataColumn c = new DataColumn("thing");
t.Columns.Add(c);
ds.Tables.Add(t);
DataRow r;
for(int i = 0; i<10;i )
{
r = t.NewRow();
r[0] = i;
t.Rows.Add(r);
}
this.Repeater1 .DataSource =ds.Tables [0].DefaultView ;
this.Repeater1.DataBind ();
}

private void Repeater1_ItemDataBound(object sender, System.Web.UI.WebControls.RepeaterItemEventArgs e)
{
if(i%3==0&&i>0)
{
　 e.Item.Controls.Add(new LiteralControl("</tr><tr>"));
}
i++ ;
}