Tree List - Node Selection Multiple Node Selection

Collapse Corporate Headquarters$1,000,000.00Monterey
 Collapse Sales and Marketing$22,000.00San Francisco
    Field Office: Canada$500,000.00Toronto
    Field Office: East Coast$500,000.00Boston
  Collapse Pacific Rim Headquarters$600,000.00Kuaui
     Field Office: Singapore$300,000.00Singapore
     Field Office: Japan$500,000.00Tokyo
    Marketing$1,500,000.00San Francisco
 Collapse Engineering$1,100,000.00Monterey
  Collapse Consumer Electronics Div.$1,150,000.00Burlington, VT
     Software Development$40,000.00Monterey
  Collapse Software Products Div.$1,200,000.00Monterey
     Quality Assurance$48,000.00Monterey
     Customer Support$38,000.00Monterey
     Research and Development$460,000.00Burlington, VT
     Customer Services$850,000.00Burlington, VT

To allow end-users to select nodes, enable the SettingsSelection.Enabled option. Nodes will display selection cells that contain check boxes. End-users can check or uncheck these check boxes to select or unselect the corresponding nodes.

To enable end-users to select all nodes displayed within the TreeList, set the SettingsSelection.AllowSelectAll property to true. This displays a check box within the column header panel used to select/de-select all nodes. In this demo, to show/hide this check box, use 'Show Select All check box'.

The TreeList supports recursive node selection, which is enabled by the SettingsSelection.Recursive option. When recursive selection is enabled:

  • a parent node is automatically selected, if all its child nodes are selected. Deselecting a child node automatically unselects its parent node(s);
  • selecting a parent node automatically selects all its children.

In this demo, use the 'Recursive' check box to enable/disable recursive selection.

Version: v2017 vol 1.7
Copyright © 2006-2017 Developer Express Inc
Your Next Great MVC App Starts Here

Get started today and download your 30-day trial of DevExpress MVC Extensions (includes 30 days of free technical support).

All demos ship with full source code and are included in the DevExpress MVC distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress MVC Extensions ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.