C# TreeView Tutorial

Use the TreeView control in Windows Forms to display nested data items and allow expanding of child nodes.

TreeView. This displays text and icon data. TreeView must have nodes added to it through the Nodes collection. It can be inserted in the Visual Studio designer. It represents hierarchical text and icon data in a convenient way.

Add nodes. We add a TreeView control to the Windows Forms Application project. To do this, open the Toolbox panel by clicking on the View and then Toolbox menu item in Visual Studio. Double-click on the TreeView item.

Now: Double-click on the Form1 window in the designer so you can create the Form1_Load event.

Load: In this event handler, we will insert code to build the nodes in the TreeView control.

Info: To add the Form1_Load event, double-click on the window of the program in the Visual Studio designer.

Note: The statement "treeView1.Nodes.Add(treeNode)" adds a node instance to the treeView1 instance of the TreeView that exists.

C# program that adds to TreeView using System; using System.Windows.Forms; namespace WindowsFormsApplication23 { public partial class Form1 : Form { public Form1() { InitializeComponent(); } private void Form1_Load(object sender, EventArgs e) { // // This is the first node in the view. // TreeNode treeNode = new TreeNode("Windows"); treeView1.Nodes.Add(treeNode); // // Another node following the first node. // treeNode = new TreeNode("Linux"); treeView1.Nodes.Add(treeNode); // // Create two child nodes and put them in an array. // ... Add the third node, and specify these as its children. // TreeNode node2 = new TreeNode("C#"); TreeNode node3 = new TreeNode("VB.NET"); TreeNode[] array = new TreeNode[] { node2, node3 }; // // Final node. // treeNode = new TreeNode("The Dev Codes", array); treeView1.Nodes.Add(treeNode); } } }

Adding to Nodes instance property. The Nodes property on the TreeView collection is an instance property, and it returns a class reference with methods that can mutate the object model of the TreeView.

Tip: You can call the Add instance method and pass it an argument of type TreeNode to add a node to the TreeView.

Also, this program shows how to create a TreeNode and specify that it has children nodes. It uses an array creation expression to create a two-element array of TreeNode references.

Then: It creates another node and specifies that array reference as the second parameter. The nodes in the array are children nodes.

Array

Click. Next in this tutorial, we look at how you can add a double-click event handler to your TreeView program. This means that when the user double-clicks on an item, you can execute code based on that node.

Tip: To add the MouseDoubleClick event handler, right-click the TreeView in the designer and select Properties.

Then: Select "MouseDoubleClick" and click twice on that entry. You can then change treeView1_MouseDoubleClick, which was generated.

TreeView and double-clicking on nodes: C# using System; using System.Windows.Forms; namespace WindowsFormsApplication23 { public partial class Form1 : Form { public Form1() { InitializeComponent(); } private void Form1_Load(object sender, EventArgs e) { // Insert code here. [OMIT] } private void treeView1_MouseDoubleClick(object sender, MouseEventArgs e) { // // Get the selected node. // TreeNode node = treeView1.SelectedNode; // // Render message box. // MessageBox.Show(string.Format("You selected: {0}", node.Text)); } } }

Using SelectedNode property. In the treeView1_MouseDoubleClick method, you can see that the SelectedNode property is accessed on the treeView1 control. This returns the selected node if a node is selected.

And: After a double-click, a node is selected so this returns a reference to that node in the object model.

Using Text property. The treeView1_MouseDoubleClick event handler also accesses the Text instance property on the treeView1 control. This returns a reference to the string that represents the text in the TreeNode.

Tip: If you double-click on the node "Linux", a MessageBox is shown with that text.

MessageBox

Summary. We used the TreeView control in Windows Forms. We added TreeNode references and children nodes. Next, we added an event handler to the TreeView control, which enables primitive interaction with the TreeView nodes by the user.

The Dev Codes

.Net

.NET Array Dictionary List String 2D Async DataTable Dates DateTime Enum File For Foreach Format IEnumerable If IndexOf Lambda LINQ Parse Path Process Property Regex Replace Sort Split Static StringBuilder Substring Switch Tuple

Java

Core Array ArrayList HashMap String 2D Cast Character Console Deque Duplicates File For Format HashSet If IndexOf Lambda Math ParseInt Process Random Regex Replace Sort Split StringBuilder Substring Switch Vector While

TheDeveloperBlog.com

C# TreeView Tutorial

Related Links:

.Net

Java

Related Links