ComponentOne ASP.NET Web Forms Edition
TreeView Creation / Dynamic Creation
In This Topic
Dynamic Creation
In This Topic

Dynamic treeviews can be created on the server side or client side. When creating dynamic treeview on the server side, use a constructor to dynamically create a new instance of the C1TreeViewNode class. For client-side, the CreateInstance constructor can be used to dynamically create a new instance of the C1TreeView control. For example the follow script creates a new C1TreeView control on the client side:


var aTreeView = C1.Web.C1TreeView.createInstance ();

document.body.appendChild(aTreeView.element);

C1TreeView or C1TreeViewNode contructors can be used to create a new instance of the C1TreeView or C1TreeViewNode class. Once the nodes are created, they can be added to the Node collection of a new node or treeview.

For example:

To write the code in Visual Basic:

Visual Basic
Copy Code

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
    'create an instance of the class
    Dim treeView As New C1TreeView()
    PlaceHolder1.Controls.Add(treeView)
   

    If Not Page.IsPostBack Then
       Dim P As New C1TreeViewNode()
             P.Text = "Products"
             P.Value = "PS"
             P.Expanded = True
             treeView.Nodes.Add(P)
       

       Dim Pr1 As New C1TreeViewNode()
            Pr1.Text = "Product 1"
            Pr1.Value = "Pr1"
            Pr1.Expanded = True
            P.Nodes.Add(Pr1)
       

        Dim Oview1 As New C1TreeViewNode()
           Oview1.Text = "Overview"
           Oview1.Value = "Oview1"
           Pr1.Nodes.Add(Oview1)
       

       Dim Down1 As New C1TreeViewNode()
           Down1.Text = "Downloads"
           Down1.Value = "Down1"
           Pr1.Nodes.Add(Down1)
       

       Dim Supp1 As New C1TreeViewNode()
           Supp1.Text = "Support"
           Supp1.Value = "Supp1"
           Pr1.Nodes.Add(Supp1)
       

       Dim Pr2 As New C1TreeViewNode()
           Pr2.Text = "Products 2"
           Pr2.Value = "Pr2"
           Pr2.Expanded = True
           P.Nodes.Add(Pr2)
       

       Dim Oview2 As New C1TreeViewNode()
           Oview2.Text = "Overview"
           Oview2.Value = "Oview2"
           Pr2.Nodes.Add(Oview2)
       

       Dim Down2 As New C1TreeViewNode()
           Down2.Text = "Downloads"
           Down2.Value = "Down2"
           Pr2.Nodes.Add(Down2)
       

       Dim Supp2 As New C1TreeViewNode()
          Supp2.Text = "Support"
          Supp2.Value = "Supp2"
          Pr2.Nodes.Add(Supp2)
   

   End If
End Sub

To write the code in C#:

C#
Copy Code

 protected void Page_Load(object sender, EventArgs e)
     {
         //create an instance of the class
         C1TreeView treeView = new C1TreeView();
         PlaceHolder1.Controls.Add(treeView);
       

       if (!Page.IsPostBack)
           {
               C1TreeViewNode P = new C1TreeViewNode();
                  P.Text = "Products";
                  P.Value = "PS";
                  P.Expanded = true;
                  treeView.Nodes.Add(P);
             

              C1TreeViewNode Pr1 = new C1TreeViewNode();
                  Pr1.Text = "Product 1";
                  Pr1.Value = "Pr1";
                  Pr1.Expanded = true;
                  P.Nodes.Add(Pr1);
                 

              C1TreeViewNode Oview1 = new C1TreeViewNode();
                  Oview1.Text = "Overview";
                  Oview1.Value = "Oview1";
                  Pr1.Nodes.Add(Oview1);
             

             C1TreeViewNode Down1 = new C1TreeViewNode();
                  Down1.Text = "Downloads";
                  Down1.Value = "Down1";
                  Pr1.Nodes.Add(Down1);
            

             C1TreeViewNode Supp1 = new C1TreeViewNode();
                 Supp1.Text = "Support";
                 Supp1.Value = "Supp1";
                 Pr1.Nodes.Add(Supp1);
             

            C1TreeViewNode Pr2 = new C1TreeViewNode();
                 Pr2.Text = "Products 2";
                 Pr2.Value = "Pr2";
                 Pr2.Expanded = true;
                 P.Nodes.Add(Pr2);
            

            C1TreeViewNode Oview2 = new C1TreeViewNode();
                 Oview2.Text = "Overview";
                 Oview2.Value = "Oview2";
                 Pr2.Nodes.Add(Oview2);
           

            C1TreeViewNode Down2 = new C1TreeViewNode();
                 Down2.Text = "Downloads";
                 Down2.Value = "Down2";
                 Pr2.Nodes.Add(Down2);
           

           C1TreeViewNode Supp2 = new C1TreeViewNode();
                Supp2.Text = "Support";
                Supp2.Value = "Supp2";
                Pr2.Nodes.Add(Supp2);
         }
     }
See Also
Appearance and Behavior