如何在转发器内创建嵌套的 LinkBut​​ton？

Question

我需要在 asp.net 页面中创建一个嵌套的链接按钮，看起来像树视图，但都是链接按钮。示例如下：

ParentLinkButton1
    ChildLinkButton1
    ChildLinkButton2
    ChildLinkButton3
ParentLinkButton2
    ChildLinkButton1
    ChildLinkButton2
ParentLinkButton3
ParentLinkButton4
    ChildLinkButton1

我真的不知道该怎么做。根据我的研究，这可以通过重复控制来完成，但我不知道该怎么做...请您能一步一步教我...

提前致谢！

Answer 1

以下示例使用 ListView 而不是 Repeater。 ListView 很棒，因为它们比 Repeater 具有更大的灵活性。此外，正如您在下面的示例代码中看到的，绑定嵌套/子 ListView 都可以以声明方式完成，无需任何隐藏代码。

以下代码将生成的示例

ASPX

<asp:ListView runat="server" ID="lvw">
    <LayoutTemplate>
        <ul>
            <li id="itemPlaceholder" runat="server" />
        </ul>
    </LayoutTemplate>
    <ItemTemplate>
        <li>    
            <asp:LinkButton runat="server" CommandArgument='<%# Eval("Name")%>'><%# Eval("Name")%></asp:LinkButton>
            <asp:ListView runat="server" ID="lvw2" DataSource='<%# Eval("Children")%>'>
                <LayoutTemplate>
                    <ul>
                        <li id="itemPlaceholder" runat="server" />
                    </ul>
                </LayoutTemplate>
                <ItemTemplate>
                    <li><asp:LinkButton runat="server" CommandArgument='<%# Eval("Name")%>'><%# Eval("Name")%></asp:LinkButton></li>
                </ItemTemplate>
            </asp:ListView>
        </li>
    </ItemTemplate>
</asp:ListView>

C#

lvw.DataSource = personList;
lvw.DataBind();

如您所见，在 C# 代码中，我创建了一个“Person”列表，如下所示。每个 Person 对象都有一个子 Person 对象的列表。通过以这种方式创建对象，绑定 ListView 实际上就像我所展示的一样简单。使用下面的 Person 对象运行一个快速示例，以便您亲自查看。

Person 对象

public class Person
{
    public string name { get; set; }
    public List<Person> Children { get; set; }
}

对于您的测试，您可以创建一个 Page_Load 方法，如下所示：

protected void Page_Load(object sender, EventArgs e)
    {
        List<Person> personList = new List<Person>();
        Person person1 = new Person() { name = "Child 1" };
        Person person2 = new Person() { name = "Child 2" };
        List<Person> childPersonList1 = new List<Person>();
        childPersonList1.Add(person1);
        childPersonList1.Add(person2);
        Person person3 = new Person() { name = "Person 1" };
        person3.Children = childPersonList1;
        personList.Add(person3);
        Person person4 = new Person() { name = "Child 3" };
        Person person5 = new Person() { name = "Child 4" };
        List<Person> childPersonList2 = new List<Person>();
        childPersonList2.Add(person4);
        childPersonList2.Add(person5);
        Person person6 = new Person() { name = "Person 2" };
        person6.Children = childPersonList2;
        personList.Add(person6);
        Person person7 = new Person() { name = "Child 5" };
        Person person8 = new Person() { name = "Child 6" };
        List<Person> childPersonList3 = new List<Person>();
        childPersonList3.Add(person7);
        childPersonList3.Add(person8);
        Person person9 = new Person() { name = "Person 3" };
        person9.Children = childPersonList3;
        personList.Add(person9);

        lvw.DataSource = personList;
        lvw.DataBind();
    }

请参阅以下 StackOverflow 问题以了解有关 Repeater 和 ListView 之间差异的更多信息：Repeater、ListView、DataList、DataGrid、GridView ... 选择哪个？

Answer 2

我建议在中继器内部做一个中继器。

<asp:Repeater id="rptParentLinkButtons" runat="server">
    <asp:LinkButton id="lnkParentbutton" runat="server" Text="<% Eval("ParentText") %>" />
    <ItemTemplate>
        <asp:Repeater id="rptChildLinkButtons" runat="server" DataSource='<% Eval("ChildElements") %>' >
            <ItemTemplate>
                <asp:LinkButton id="lnkChildButton" runat="server" text="<% Eval("ChildText") %>" />
            </ItemTemplate>
        </asp:Repeater>
    </ItemTemplate>
</asp:Repeater>

然后在 ItemDataBound 事件中，您可以设置子中继器的数据源并绑定它。

请随时询问任何澄清。我不想为你写下整件事。

编辑：

要绑定父级，您需要使用页面加载或其他页面事件将数据源添加到外部转发器，然后绑定它。

protected override void OnLoad(EventArgs e)
        {
            base.OnLoad(e);

            rptParentLinkButtons.DataSource = myParentItemCollection;
            rptParentLinkButtons.DataBind();
        }

然后您有 2 个选项，即通过使用 eval 访问数据绑定对象或使用父项的 ItemDataBound 事件，按照我在上面的 asp 中显示的方式进行操作。

void rptParentLinkButtons_ItemDataBound(Object Sender, RepeaterItemEventArgs e) {

          // This event is raised for the header, the footer, separators, and items.

          Repeater childRepeater = (Repeater)e.Item.FindControl("rptChildLinkButtons");
          // Set the source of the child equal to a collection on the parent object for it to make the child links.
          childRepeater.DataSource = myParentItemCollection[e.Item.ItemIndex].childElements;
       }    

上面的代码并不完美，但它应该让您了解如何完成其​​余的工作，

干杯，