Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Multiple Node Selection

v
  
Department
Budget
Location
CollapseCorporate Headquarters$1,000,000.00Monterey
 CollapseSales and Marketing$22,000.00San Francisco
   Field Office: Canada$500,000.00Toronto
   Field Office: East Coast$500,000.00Boston
  ExpandPacific Rim Headquarters$600,000.00Kuaui
   Marketing$1,500,000.00San Francisco
  Finance$40,000.00Monterey
 CollapseEngineering$1,100,000.00Monterey
  ExpandConsumer Electronics Div.$1,150,000.00Burlington, VT
  ExpandSoftware Products Div.$1,200,000.00Monterey

Selected node count: 0

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 deselect the corresponding nodes.

To enable end-users to select all nodes displayed within the DevExpress ASP.NET Tree List (ASPxTreeList), set the SettingsSelection.AllowSelectAll property to true. This displays a check box within the column header panel used to select/deselect all nodes. In this demo, to show/hide this check box, select the Show Select All check box option.

The ASPxTreeList supports recursive node selection, which is enabled by the SettingsSelection.Recursive option. When recursive selection is enabled, the following apply.

  • a parent node is automatically selected if all of its child nodes are selected. Deselecting a child node automatically unselects its parent node(s).
  • selecting a parent node automatically selects all of its children.
  • a node that has selected and unselected child nodes is displayed with a grayed check box.

In this demo, use the 'Recursive' check box to enable/disable recursive selection. The number of selected nodes is displayed below the ASPxTreeList.

Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxTreeListDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxTreeListDemos