Recently I come across to a project which required a tree view with some ASP.NET control to be attach with some tree view node. The default ASP.NET treeview doesn’t provide this feature and there is no way to extending the default tree view. Therefore, I decided to write a composite control from scratch.

The purpose of this control is to allow user to input control such as Button, Drop Down List, Radio Button List, Radio Button, List Box, Check Box List, Check Box and TextBox into each row of tree view. Additionally, I used JQuery assisting this tree view’s behavior of Collapse and Expand.

Result of this Extend Tree View as below:

Click here to see action in video:extend-tree-view

Example of the picture above showing the tree consisting 2 root with 1 level of sub-tree. Let’s see on “TICKET” root, there is a label with drop down list. This enabling user to check on “TICKET” and there is an input control allowing user to select which “TICKET” type (just an example scenario).

To begin with using the this tree, just drag and drop this tree view control from your sidebar or you can code as below:

Attached with this post the source code of this composite control with a demo web project: Download source code here

Related posts:

  1. ASP.NET MVC – How to have multiple submit button in form In this tutorial, I would like to share simple form...
  2. 20 Google Wave Invitations [Finished] For those of you who are really need google wave...