TreeView for ASP.NET AJAX

Home / Products / ASP.NET AJAX Controls / TreeView

Overview

Imagine the bulk of rendered HTML output generated by a treeview populating thousands of nodes. Well, the Telerik TreeView control for ASP.NET AJAX rises to the challenge with its efficient semantic rendering and web service load-on-demand, resulting in highly optimized HTML and lightning fast page loading. Rich user interactivity is supported right of the box: node drag-and-drop, node editing, and node context menus.

See Demos Download Trial

Features

Semantic Rendering for Minimal HTML

The Telerik ASP.NET AJAX TreeView control implements a highly efficient semantic rendering, which uses list items and CSS instead of tables. As a result the HTML output is significantly reduced, which dramatically improves performance.

Top
Powerful Databinding

RadTreeView supports binding to all ASP.NET 2.0 declarative datasources (AccessDataSource, ObjectDataSource, SqlDataSource, SiteMapDataSource, XmlDataSource) as well as the new LinqDataSource. The control can also be bound to web services on the client and load data on demand which results in previously unattainable performance boosts.
Top
Drag & Drop Behavior
With the Telerik ASP.NET TreeView control you can expand your web-application capabilities through the rich drag & drop functionality. You can easily perform the following drag and drop operations:
- Drag and drop nodes within the same RadTreeView
- Drag and drop between several RadTreeViews
- Drag and drop multiple nodes
- Determine the node position - above or below a given node
- Drop nodes on any HTML element, textboxes, buttons and even Datagrids
- Auto-Scroll on Drag - When dragging a node to a part of the treeview which is hidden, the control will scroll up/down to that part automatically.
See demo

Top
Load on Demand

To improve performance and user experience the Telerik ASP.NET TreeView control can load data on demand only for the current expanded section. The following table describes visually the load on demand modes according to three criterions - performance, templates support, ease of implementation.

See demo

Top
Extensive VS.NET Design-time Support

RadTreeView provides rich design time support functionality making customizations and configurations very easy. Some of the key capabilities are:
• Applying skins in design time and easily switching between them
• Item Builder dialog for easy inline creation
• Design-time support for declarative data sources
Top
Context Menu

The Telerik ASP.NET TreeView has a built-in context menu which can be fully customized through CSS. It provides a clean and flexible API and can fire both server-side and client-side events.

See demo

Top
Template Support

Normally, the ASP.NET TreeView by Telerik allows great flexibility with regard to the functionality and appearance of your tree Nodes. Use Templates to embed complex elements (such as ASP .NET controls, HTML markup, 3rd party controls), inside your tree Nodes. Templates are also a great way to avoid setting too many properties to each tree Node explicitly.
See demo

Top
Custom Attributes

RadTreeView provides full support for custom attributes both on the server and on the client. It is easy to customize the item and include any attribute relevant for your scenario: additional text, value or image.

Top
Checkbox and TriState Checkboxes Support

Checkboxes are fully supported in the Telerik ASP.NET AJAX TreeView. You can also check/uncheck all subnodes whenever the parent node is checked/unchecked respectively.
Another related feature introduced in RadTreeView is the CheckChildNodes property. When it is set to true checking a parent node will check all children. The indeterminate state of the checkbox indicates that some objects in the collection (children) are checked while others are not.

See demo

Top
Multiple Node Selection

You can select more than one node by holding down the CTRL key while clicking on a node. Drag and Drop for multiple items is also supported.

See demo

Top
Rich Client-side API

RadTreeView for ASP.NET AJAX has a rich client-side API and comprehensive set of events guaranteeing full control over various functions performed on the client. You can easily add/delete/update items at the client side and all the changes will be persisted on the server as well. The rich client-side API provides unbeatable performance and desktop-like experience.

See demo
Top
Search Engine Friendly

RadTreeView completely follows the principles of Search Engine Optimization. The control's innovative rendering generates semantic lists and standard <a> tags, which are properly recognized and highly valued by search engines. As a result, all content accessible through this control will be automatically indexed and ranked with no extra effort required from the developer.
Top
XHTML and Accessibility Standards Compliancy

The Telerik ASP.NET AJAX TreeView is compliant with the XHTML 1.1 requirement. RadTreeView also has full support for keyboard navigation with Shortcuts, Access Keys and Arrow-key navigation.
Top
Right-to-left Support

RadTreeView provides full support for Right-to-Left languages.

See demo

Top
Animations

Telerik ASP.NET TreeView supports a variety of expand animation styles for a great user experience. You can select among predefined animations and further customize them with any settings relevant for your scenario.
Top
Appearance

RadTreeView is shipped with a rich set of skins that allow you to easily build slick interfaces with the look-and-feel of Windows Vista, Office 2007, Outlook, etc. The skins can be easily switched using a single property.

Top
Codeless Test Automation for RadTreeView

Now you can record, execute and debug functional tests for RadTreeView without leaving the familiar Visual Studio environment. Telerik WebUI Test Studio is an advanced click and play web application testing tool specialized for automating ASP.NET AJAX applications. The Studio ships with special translators for Telerik RadControls for ASP.NET AJAX.

Top