RadTreeView for ASP.NET

Key Features Send comments on this topic.
See Also
New to Telerik RadTreeView? > Key Features

Glossary Item Box



Load on demand for large number of nodes - if your treeview has to show a large number of nodes, you can load only the initially visible nodes and request child nodes on demand.

See live example at:
Server-Side Load On Demand

Client-side load on demand. You can easily populate child nodes on demand without postback to the server. You should keep into account that nodes added on the client-side cannot take part in any server-side actions. These nodes are not visible on the server-side. You can operate with them only on the client-side.

See live example at:
Client-Side Load On Demand


Drag-and-drop between treeviews - Expand the capabilities of your web-application with the novel drag-and-drop between treeviews functionality.

See live example at:
Drag And Drop Between Trees

Drag-and-drop nodes to any HTML element on the page, such as Telerik RadEditor for example.

See live example at:
Drag And Drop To HTML Elements

Drag And Drop In-Between Nodes - Telerik RadTreeView now supports drag and drop of nodes in-between other nodes. Furthermore, you can determine the position of the node that is being dropped - the node can be dropped above or below a given node:

See live example at:


Context Menus support - Telerik RadTreeView supports right-click (context) menus for each TreeNode. You can define any number of context menus and then associate any given TreeNode with a context menu.


See live example at:
Context Menu

4. "Search engine indexing" support - Telerik RadTreeView node structure can be indexed by all search engines (Google, MSN, Yahoo), etc). The only thing you need to do is using NavigateUrl (href) navigation (URL navigation) instead of postback. Then Telerik RadTreeView renders plain <a href=”…”> links that can be indexed by all search engines.

SQL binding from ADO.NET DataSet - Seamless integration with SQL technology makes Telerik RadTreeView the tool for your dynamic web-site or application. Populate your treeviews directly from your database, reusing queries and cutting on updates. Furthermore, you can use the method for auto SQL binding and instantly populate your structure from an ADO.NET Dataset.


Databinding (populate the treeview from database using only a few lines of code)

See live example at:


Checkbox support - Telerik RadTreeView allows you to easily add a checkbox to each Node. You can also determine which nodes should display checkboxes and which should not (i.e. root nodes only, child nodes only, etc.) At runtime, you can get a collection of the checked nodes by using the client/server-side API of the treeview.

CheckBox Support

See live example at:
CheckBox Support


Skins support - You can easily blend Telerik RadTreeView in the interface of your web-application using treeview skins. You can control the appearance of every single node or format groups of nodes according to their state (i.e. NodeOver, NodeSelected, NodeDisabled).

See live example at:

9.  Section 508 compliant output.

Keyboard support - Telerik RadTreeView can be fully navigated by using the keyboard. You can focus on a treeview with a predefined Alt+Key combination, navigate through the nodes, expand/collapse, select, and check/uncheck nodes.

See live example at:
Keyboard Support


Support for ASP.NET 2.0

See live example at:
Declarative DataSources
Master Pages
Validation Group
Cross Page Support


Client-side Node Editing - You can simply select a node and press F2 (or click an already selected node) and you'll be able to edit the node text client-side.

Client-Side node edit

See live example at:
Node Editing

How-to section:
Changing the text of tree nodes


Each node (RadTreeNode) can have separate CSS classes for default, hover and selected state.
(CssClass, CssClassOver, CssClassSelect properties added to RadTreeNode)

See live example at:
Custom Node Style


All default CSS classes (RadTreeView) can be customized for each treeview instance.
(TreeNode, TreeNodeOver, TreeNodeSelect, TreeNodeDisabled, TreeNodeEdit, TreeContextItem, TreeContextItemOver)

For more details, check the following articles:
Customizing Appearance


Treeview ComboBox mode - Another unique feature of the Telerik RadTreeView is the ability for implementation of treeview combobox, similar to the Custom Links drop-down of the Telerik RadEditor.

See live example at:
Treeview Combobox


Multiple instances on a single page - Telerik RadTreeView allows the use of multiple treeviews per page, reusing a single code library for faster development and speed on the client.


All functionality is supported on Gecko based browsers (Firefox, Netscape, Mozilla).
Opera is supported as well (without the Context menus).

For more details, please check the following article:
Browser Support


Flexible client side events - To bring the client-side flexibility on par with the server-side API Telerik RadTreeView provides a rich event model for client-side programming.

For more details, please check the following article:
Client-Side Object Model


API for dynamic add/delete/disable of nodes - Telerik RadTreeView provides a comprehensive set of API methods for programmatic control - add, delete, enable, disable, check, uncheck, etc.
These actions can be performed only on the server side. Telerik RadTreeView does not support adding/deleting/disabling nodes on the client side. To achieve this effect, you can use Telerik RadAjax along with Telerik RadTreeView (see live example here).

For more details, please check the Telerik RadTreeView Server-side chapter.

See Also