TreeView Control In ASP.NET

Add a Webform and give it a name such as Employee:





Step 2

Now write the following code and see the output when clicking on the Employee link on the TreeView.

Step 3

Add a Webform and give it a name such as Employer as in the following:





Step 4

Now write the following code and see the output when the Employer link of the TreeView is clicked.

Step 5

Add a Webform and give it a name such as Admin.





Step 6

Now write the following code and see the output when the Admin link of the TreeView is clicked.

1. HoverNodeStyle
2. LeafNodeStyle
3. RootNodeStyle
4. SelectedNodeStyle and so on.

Now we will see how to apply these styles for the TreeView.

Here we want that when we mouseover on links of the TreeView the background color of the nodes will change and the font will also change to bold.

Step 1

Go to the design part of the Webform then in the Open properties of the TreeView set the following properties.





Now see the output:



Step 2

Now we want to apply LeafNodeStyle, LeafNodes are that have no childrens.

So go to the properties and set the background color to Orange of LeafNodes.



Step 3

Now we want to apply a RootNodeStyle. On the properties window specify the background color Green of RootNodes and after running the project see the following output of the TreeView.





Now after applying the styles of the TreeView the final code will be,

Output of the final TreeView,



Now If we want to apply formatting to a TreeView then we can use the Autoformate property and apply various formatting.

Step 1

Use the Autoformate Property and apply a Windows Help format and see the output.





Step 2

Use the Autoformate Property and apply the Arrows2 format and see the output.





This is about the TreeView control in ASP.NET.