How to: Create Nodes in Code

• Dec 17, 2020

This example shows how to create a simple tree when the ASPxTreeView functions in unbound mode. New nodes are added to the ASPxTreeView via the TreeViewNodeCollection.Add method.

The image below shows the result:

View Example

Default.aspx.cs

public partial class _Default : System.Web.UI.Page {
    protected void Page_Load(object sender, EventArgs e) {
        if (!IsPostBack) {
         CreateTreeView(); 
        }
    }

    //Create treeview nodes. 
    void CreateTreeView() {
        string[] NodeNames = { "Inbox", "Outbox", "Sent Items", "Deleted Items", "Search Folder" };
        foreach (string Text in NodeNames) {
            ASPxTreeView1.Nodes.Add(Text);
        }
        ASPxTreeView1.Nodes.FindByText("Search Folder").Nodes.Add("Categorized Mail");

    }
    //Add a new child node to the selected node.
    protected void ASPxButton1_Click(object sender, EventArgs e) {
        if ((ASPxTreeView1.SelectedNode != null) && (ASPxTextBox1.Text != "")) {
            ASPxTreeView1.SelectedNode.Nodes.Add(ASPxTextBox1.Text);
        }
    }

}

Default.aspx (C#)

<dx:ASPxTreeView ID="ASPxTreeView1" runat="server" AllowSelectNode="True">
</dx:ASPxTreeView>
<br />
<dx:ASPxTextBox ID="ASPxTextBox1" runat="server">
</dx:ASPxTextBox>
<br />
<dx:ASPxButton ID="ASPxButton1" runat="server" OnClick="ASPxButton1_Click" Text="Add Node">
</dx:ASPxButton>

Default.aspx (VB.NET)

<dx:ASPxTreeView ID="ASPxTreeView1" runat="server" AllowSelectNode="True">
</dx:ASPxTreeView>
<br />
<dx:ASPxTextBox ID="ASPxTextBox1" runat="server">
</dx:ASPxTextBox>
<br />
<dx:ASPxButton ID="ASPxButton1" runat="server" OnClick="ASPxButton1_Click" Text="Add Node">
</dx:ASPxButton>