Asp.net 通过Repeater循环添加对应的一组控件

Asp.net 通过Repeater循环添加对应的一组控件，主要用于后台向前台动态的重复的post数据时，能够很好的将前台代码的重复部分归一，并且能够通过后台添加任意数量的重复模块。在实际项目中经常会用到这样的处理方法。此文主要简单的介绍一下Repeater的结构与使用方法。

例如我们想要实现如下截图的样式，当然了，数据是从后台获取到，数据的行数是不定的。

首先定义数据结构：（定义的数据结构尽量要包含前台显示的结构）

    public class Evaluation
    {

        private string productid;
        private string rating;

        public Evaluation(string productid, string rating)
        {
            this.productid = productid;
            this.rating = rating;
        }

        public string ProductID
        {
            get
            {
                return productid;
            }
        }

        public string Rating
        {
            get
            {
                return rating;
            }
        }
    }

之后处理后台方法：

    public partial class TestRepeatorControl : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                ArrayList values = new ArrayList();

                values.Add(new Evaluation("Razor Wiper Blades", "Good"));
                values.Add(new Evaluation("Shoe-So-Soft Softening Polish", "Poor"));
                values.Add(new Evaluation("DynaSmile Dental Fixative", "Fair"));

                Repeater1.DataSource = values;
                Repeater1.DataBind();
            }

        }

        protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)
        {
            // This event is raised for the header, the footer, separators, and items.

            // Execute the following logic for Items and Alternating Items.
            if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
            {

                if (((Evaluation)e.Item.DataItem).Rating == "Good")
                {
                    ((Label)e.Item.FindControl("RatingLabel")).Text = "<b>***Good***</b>";
                }
            }

        }
    }

这里可以看出 repeater 的数据源需要一个实现了 IEnumerable 接口的对象实例，例如此处用的是 ArrayList 的对象实例。

而Repeater1_ItemDataBound方法，则可以对循环的Item进行特殊处理。

最后来看前台代码实现：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestRepeatorControl.aspx.cs" Inherits="EricSunWebAppProject.TestRepeatorControl" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="Repeater1_ItemDataBound">
                
                <HeaderTemplate>
                    <table border="1">
                        <tr>
                            <td><b>Product</b></td>
                            <td><b>Consumer Rating</b></td>
                        </tr>
                </HeaderTemplate>

                <ItemTemplate>
                        <tr>
                            <td> <asp:Label ID="Label1" Text='<%# DataBinder.Eval(Container.DataItem, "ProductID") %>' Runat="server"/> </td>
                            <td> <asp:Label id="RatingLabel" Text='<%# DataBinder.Eval(Container.DataItem, "Rating") %>' Runat="server"/> </td>
                        </tr>
                </ItemTemplate>

                <FooterTemplate>
                    </table>
                </FooterTemplate>

            </asp:Repeater>
        </div>
    </form>
</body>
</html>

这里可以清晰的看到repeater有三段结构：HeaderTemplate、ItemTemplate 和 FooterTemplate。

那么在进行数据源遍历显示的时候，重复的部分只是ItemTemplate所包含的部分。 HeaderTemplate 和 FooterTemplate 所包含的部分只显示一份。这样就很好的能够处理：“首、尾特殊，内容重复” 的情形。

这里循环处理的是tr，td，如果我们想要循环处理自己定义的控件，或者比较复杂的控件（比如 TreeView 等），那么可以将我们需要重复的控件放在ItemTemplate 中来替换此处的tr，td。