New ASP.NET TreeView Control (coming in v2010 vol 2)

28 September 2010

Check out the new ASP.NET TreeView control coming soon in the DXperience v2010 volume 2 release. The new ASP.NET TreeView, called ASPxTreeView, will be part of the ASPxperience Suite:

AspNet_TreeView

TreeView vs TreeList

If there is already an ASP.NET TreeList Suite then why are we introducing a TreeView control?

  • The ASPxTreeList is useful when you need to represent hierarchical data and/or perform CRUD operations.
  • The ASPxTreeView is useful when you need a menu to iterate through hierarchically organized pages/information structures.

You can use them together in your project based on your particular needs.

In essence, we distilled the features to make a great navigation control with the tree view, but if you need the complete and impressive array of features go for the tree list.

ASPxTreeView Features

The ASPxTreeView is packed with great features:

  • Semantic rendering
  • Powerful Databinding – Primarily designed to be a site navigation control, the ASPxTreeView supports binding to data sources containing hierarchical data. Any object that implements the IHierarchicalEnumerable or IHierarchicalDataSource interface (e.g. SiteMapDataSource, XmlDataSource, etc.) may be used as a data source for the ASPxTreeView control.
  • Virtual Mode – In addition to bound and unbound modes, the ASPxTreeView can operate in Virtual Mode, which greatly reduces both server load and start-up time when working with complex or dynamically created hierarchies. In Virtual Mode, data is retrieved on the server in portions, on a client request, at start-up and when expanding nodes. In essence, child nodes are created and initialized only when their parent node is expanded for the first time. This allows you to efficiently use server resources and to avoid retrieving the entire amount of hierarchical data for the ASPxTreeView.
  • Expand/Collapse animations
  • Check box support – display checkboxes on each node. You can also recursively check the child check box nodes.
  • Node selection
  • Node hot-tracking
    • Node Link Mode – In the ASPxTreeView, nodes represent navigation elements (links). For nodes, you can activate a specific link mode, in which only certain node elements are clickable.
    • Show/Hide tree lines
    • Rich client-side events and functionality
    • ASP.NET Templates support
    • Right-To-Left support
    • Callbacks (Ajax) support
    • XHTML cross browser compliant – supports all major browsers
    • Section 508 and Web Accessibility  compliant

    TreeList Only Advantages

    Because the ASPxTreeView is for navigation purposes, here’s some features of the ASPxTreeList that are not (and likely will not) be part of the ASPxTreeView:

    Basically, the ASPxTreeView does not have all the things that make the ASPxTreeList look and behave like a grid. Which is why the ASPxTreeView is a “lighter” control. However, the ASPxTreeView does pack a great set of features.

    ASPxperience v2010 vol 2

    The new ASPxTreeView will be part of the ASPxperience Suite in the DXperience v2010 volume 2 release later this year.

    Are you looking forward to the new ASP.NET TreeView control?

    Drop me a line below with your thoughts. Thanks!

     

    Follow MehulHarry on Twitter

    DXperience? What's That?

    DXperience is the .NET developer's secret weapon. Get full access to a complete suite of professional components that let you instantly drop in new features, designer styles and fast performance for your applications. Try a fully-functional version of DXperience for free now: http://www.devexpress.com/Downloads/NET/

    16 comment(s)
    Henrik Brinch

    Great news!!!

    Hopefully you will implement:

    Node editing (Windows Explorer style).

    Easier support for making e.g. a full browser height TreeView with scrolling.

    Any news on when the first beta will be shipped?

    28 September, 2010
    Boris Bosnjak

    A welcome addition!  ASPxTreeList is definitely overkill for most of my needs.

    28 September, 2010
    Mehul Harry (DevExpress)

    Thanks Henrik! A DXperience v2010.2 beta for customers should be available in a few weeks. Smile

    28 September, 2010
    Mehul Harry (DevExpress)

    Hi Boris,

    Glad it'll work out for you. What do you intend to use it for?

    28 September, 2010
    Henrik Brinch

    Mehul:  I'll count the days for the beta :)

    Maybe you will even throw in an ASPxPropertyGrid ?  That would really make my day (with some hacking I did my own using the ASPxGridView ... but I'd rather see it out of the box).

    28 September, 2010
    Mervin Katjouanga

    This control is long overdue! So far i've had to use either the ASP.NET TreeView and that doesn't have the DX skins or the TreeList which is an overkill. Thanks DX!

    29 September, 2010
    Thomas Grusche

    What about WPF TreeView?

    29 September, 2010
    Rinaldo Ferreira Junior

    Hi Mehul,

    will it have drag-drop support and a client-side API? I am working right now on a interface with drag-drop between the ASPxTreeList and the ASPxGridView.

    Regards

    29 September, 2010
    Mehul Harry (DevExpress)

    Henrik,

    I recommend tracking this suggestion for an ASPxDetailsView which can help you with the propertygrid control you're looking for: www.devexpress.com/.../DS46532.aspx

    The suggestion is accepted but I don't have any dates of when it will be implemented yet.

    Hope that helps.

    29 September, 2010
    Mehul Harry (DevExpress)

    Thanks Mervin! Now both the ASPxTreeView and ASPxTreeList will help satisfy requirements for both light and powerful sides. :)

    29 September, 2010
    Mehul Harry (DevExpress)

    Thomas,

    Good news! The WPF TreeView control is planned for the first release in 2011: community.devexpress.com/.../announcing-the-new-data-grid-control-for-silverlight-coming-in-v2010-vol-2.aspx

    29 September, 2010
    Mehul Harry (DevExpress)

    Rinaldo,

    I don't believe so in the initial release. I'll look into it.

    29 September, 2010
    Lyle Griess

    does the treeview come with a double-click event on the leaf node?

    30 September, 2010
    Mehul Harry (DevExpress)

    Lyle,

    Yes, it will support double-click event!

    Thanks.

    30 September, 2010
    Michael Gruys

    Is the solution E1810 for Drag and Drop betreen two ASPxGridViews also usable for other DevExpress ASPx components i.e. between a ASPxTreeview control and and ASPxScheduler control. At the moment I am investigating this, but I would like to hear from you if this is technical possible with the current version 10.2.5.0?

    1 March, 2011
    Mehul Harry (DevExpress)

    Michael,

    Here's some notes from one of our support engineers:

    "I believe it's possible to implement this for ASPxTreeList, because both the grid's and treelist's renders are similar. However, the ASPxScheduler is quite different and may require quite different solution.

    Additional client-side code is needed to support appointment dragging out of the box and this may preclude you from adapting this sample to ASPxScheduler."

    I recommend you contact our support team here for more info:

    www.devexpress.com/.../CreateIssue.aspx

    Thanks.

    1 March, 2011

    Please login or register to post comments.