如何将 AJAX 树视图转换为链接按钮？

Question

我需要一些有关将 AJAX TreeView 控件转换为 LinkBut​​ton 的建议。 为什么？让ASP.NET页面变得更轻量。目前，当选择TreeView 的Nodes 时，与该节点相关的记录将显示在网格中。这种实现使页面变得很重。因此我们决定将其更改为 LinkBut​​tons。

我只是想知道我需要做、考虑哪些事情，或者这是一个好主意吗？老实说，无论这是好还是坏主意，我仍然需要这样做。

我最初的理解是，这将像一个列表例如：项目符号列表。

Answer 1

以下答案基于您的评论，并基于 您的其他问题。

以下示例使用 ListView 而不是 Repeater。 ListView 很棒，因为它们比 Repeater 具有更大的灵活性。此外，正如您在下面的示例代码中看到的，绑定嵌套/子 ListView 和绑定嵌套/孙 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>
                        <asp:ListView runat="server" ID="lvw3" 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>
        </li>
    </ItemTemplate>
</asp:ListView>

C#

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

如您所见，在 C# 代码中，我创建了一个“Person”列表，如下所示。每个 Person 对象都有一个子 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 person10 = new Person() { name = "Grandchild 1" };
        Person person11 = new Person() { name = "Grandchild 2" };
        Person person12 = new Person() { name = "Grandchild 3" };
        List<Person> grandchildPersonList1 = new List<Person>();
        grandchildPersonList1.Add(person10);
        grandchildPersonList1.Add(person11);
        grandchildPersonList1.Add(person12);
        person4.Children = grandchildPersonList1;
        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 ... 选择哪个？