TreeView for ASP.NET AJAX

HomeProductsASP.NET AJAX ControlsTreeView

Overview

Imagine the bulk of rendered HTML output generated by a treeview populating thousands of nodes. Now picture the performance issues that may arise from all of this HTML. 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 and some features include: 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 (SqlDataSource, SiteMapDataSource, XmlDataSource) as well as datasources introduced in .NET 3.5 (LinqDataSource, EntityDataSource, etc). 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 TreeView for ASP.NET AJAX 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
- Drop nodes on any HTML element such as, textboxes, buttons and even Datagrids
- Drag and drop multiple nodes
- Determine the node position - above or below a given node
- Auto-scroll on drag - When dragging a node to a part of the TreeView which is hidden, the control will scroll up or down to that section automatically
See demo

Top
Load on Demand
To improve performance and user experience the Telerik ASP.NET AJAX TreeView control can load data on demand only for the current expanded section. The load-on-demand feature allows the developer to delay the population of RadTreeView and save HTML output, thus improving performance. RadTreeView supports three different types of load on demand:
- Client-Side
- Server-Side
- Web Service
The following table describes visually the load on demand modes according to three criteria - performance, templates support, and 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

RadTreeView supports its own built-in Context Menus 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 AJAX TreeView by Telerik allows great flexibility with regard to the functionality and appearance of your tree Nodes. Templates allow you to embed any content inside a RadTreeNode such as HTML markup, ASP.NET server controls, and other third-party controls (including Telerik ASP.NET AJAX Controls).

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 or uncheck all sub-nodes whenever the parent node is checked or unchecked respectively. An indeterminate state of the checkbox indicates that some child objects in the collection 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, remove or disable TreeView nodes 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 a 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 completely compliant with the XHTML 1.1 requirements. RadTreeView follows Section 508 compliance and falls under the W3C Compliance Level “A”, as defined by the W3C Web Content Accessibility Guidelines 1.0/2.0. 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 TreeView for ASP.NET AJAX supports a variety of expand and collapse 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, among others. The skins can be easily switched using a single property.

Top
VS Plug-in for Testing RadControls

Telerik's automated software testing tool Test Studio employs a rich set of features to help you automate AJAX-intense web content. You can test complex UI actions like drag-and-drop, invoke JavaScript functions from your test code, and perform logging actions. Additionally, the test recorder makes it easy to wait on AJAX operations before executing a specific verification. What’s more, Test Studio is the best way to test RadControls for ASP.NET AJAX. The powerful test recorder automatically detects the controls and exposes commonly used verifications. Learn more
Top