如何在asp.net中实现N级嵌套Repeater控件？答案

【问题标题】：How can I Implement N level nested Repeater control in asp.net?如何在asp.net中实现N级嵌套Repeater控件？
【发布时间】：2015-03-31 08:58:17
【问题描述】：

我想在 asp.net 中使用中继器控件实现 n 级数据层次结构。有什么解决方案可以实现这种层次结构吗？

【问题讨论】：

简短回答：是的。更长的答案：是的，但我们更愿意看看你到目前为止已经尝试过什么，以及你在哪些地方遇到了问题
我有一个包含另一个转发器控件的转发器控件，第二个包含具有另一个转发器控件的用户控件。我想使用该用户控件将该层次结构延续到 n 级。
您是否想实现一个嵌套的中继器，它具有表示您的数据所需的层级——基本上是一个递归模板？你想渲染某种树视图吗？
是的。使用中继器控件和用户控件的递归模板

标签： asp.net repeater nested-repeater

【解决方案1】：

对于这个答案，我将建议以编程方式创建您的模板 - 请参见此处：https://msdn.microsoft.com/en-us/library/aa289501。可能有一些方法可以使用在标记中创建的模板，但这似乎更容易，而且肯定更灵活。

我从一个只有转发器（不是模板）的页面开始

<body>
    <form id="form1" runat="server">
    <div>
        <asp:Repeater runat="server" ID="TestRepeater">
        </asp:Repeater>
    </div>
    </form>     
</body>

还有一个数据类

public class DataClass
{
    public string Name { get; set; }
    public List<DataClass> Children { get; set; }
}

对于模板，我们使用以下类：

public class DataTemplate : ITemplate
{
    public void InstantiateIn(Control container)
    {
        var name = new Literal();
        var repeater = new Repeater();

        name.DataBinding += BindingLiteral;
        repeater.DataBinding += BindingRepeater;

        // this here makes it recursive
        repeater.ItemTemplate = new DataTemplate();

        container.Controls.Add(name);
        container.Controls.Add(repeater);
    }

    private void BindingLiteral(object sender, System.EventArgs e)
    {
        var name = (Literal)sender;
        var container = (RepeaterItem)name.NamingContainer;
        name.Text = String.Concat("<h2>", DataBinder.Eval(container.DataItem, "Name").ToString(), "</h2>");
    }

    private void BindingRepeater(object sender, System.EventArgs e)
    {
        var name = (Repeater)sender;
        var container = (RepeaterItem)name.NamingContainer;
        name.DataSource = DataBinder.Eval(container.DataItem, "Children");
    }
}

显然您会想要使用更复杂的模板。请注意，如果您当前在标记中有一个模板，您可以简单地获取由标记解析器生成的代码，并根据您的需要进行调整。

现在在页面后面的代码中，我们简单地分配 ItemTemplate 和 DataSource：

public partial class Test : System.Web.UI.Page
{
    protected void Page_Init(object sender, EventArgs e)
    {
        TestRepeater.DataSource = GetTestData();
        TestRepeater.ItemTemplate = new DataTemplate();
        TestRepeater.DataBind();
    }
}

这样做的好处是您的模板只是一个类，因此您可以向其中添加 public Int32 Depth { get; set; }，并根据您的深度更改生成的控件。

【讨论】：

【解决方案2】：

另一种解决方案，无需以编程方式创建模板：

使用简单的数据类：

public class DataClass
{
    public string Name { get; set; }
    public List<DataClass> Children { get; set; }
}

在 ASPX 标记中创建您的父转发器，将您的项目显示代码放入 ItemTemplate，并添加第二个“空”转发器：

<body>
    <form id="form1" runat="server">
    <div>
        <asp:Repeater runat="server" ID="ParentRepeater" OnItemDataBound="Repeater_ItemDataBound">
            <ItemTemplate>
                <asp:Literal runat="server" Text="<%# Eval("Name") %>"></asp:Literal>
                <asp:Repeater runat="server" ID="ChildRepeater" OnItemDataBound="Repeater_ItemDataBound" Visible="false">
                </asp:Repeater>
            </ItemTemplate>
        </asp:Repeater>
    </div>
    </form>     
</body>

在代码隐藏中：

protected void Repeater_ItemDataBound(object sender, RepeaterItemEventArgs e) {
    if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem) {
        DataClass currentItem = (DataClass)e.Item.DataItem;

        if (currentItem.Children.Count > 0) {
            Repeater ChildRepeater = (Repeater)e.Item.FindControl("ChildRepeater");

            ChildRepeater.DataSource = currentItem.Children;
            ChildRepeater.ItemTemplate = ParentRepeater.ItemTemplate;
            ChildRepeater.Visible = true;
            ChildRepeater.DataBind();
        }
    }
}

【讨论】：