Question

我想在asp.net中使用转发器控件来实现n级数据层次结构。有没有解决方案来实现这种层次结构？

Answer 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; }，并根据您的深度更改生成的控件。

Answer 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();
        }
    }
}

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

2 个答案: