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

Edit Modes

v
 
From
Subject
Date Created
Has Attachment
New
CollapseDeveloper Express - RayNew Holiday Skin12/17/2024EditNew
  Andrew FullerRe: New Holiday Skin12/17/2024 
  
v
UpdateCancel
  
 CollapseSteven BuchananRe: New Holiday Skin12/17/2024EditNew
   Nancy DavolioRe: New Holiday Skin12/17/2024EditNew
 CollapseJanet LeverlingRe: New Holiday Skin12/18/2024EditNew
  CollapseMax V. Evseev (Developer Express)Re: New Holiday Skin12/19/2024EditNew
    Thomas HardyRe: New Holiday Skin12/19/2024EditNew
    Janet LeverlingRe: New Holiday Skin12/19/2024EditNew
   ExpandNancy DavolioRe: New Holiday Skin12/19/2024EditNew
    Laura CallahanRe: New Holiday Skin12/22/2024EditNew
 CollapseAnne DodsworthRe: New Holiday Skin12/20/2024EditNew
   Margaret PeacockRe: New Holiday Skin12/22/2024EditNew

This demo describes the built-in edit modes of the DevExpress ASP.NET Tree List (ASPxTreeList).

The following edit modes are available within the ASPxTreeList:

  • Inline - Cell values are edited inline, within the edit node.
  • EditForm - Cell values are edited within an Edit Form, and the node whose values are currently being edited is not displayed.
  • EditFormAndDisplayNode - Cell values are edited within an Edit Form, and the node whose values are currently being edited is displayed above the Edit Form.
  • PopupEditForm - Cell values are edited within a Popup Edit Form that can be dragged. By default, the Popup Edit Form is displayed near the node whose values are currently being edited. The position of the Popup Edit Form can be customized using the SettingsPopup.EditForm property.

The SettingsEditing.Mode property specifies the current edit mode within the ASPxTreeList. In this demo, use the 'Edit Mode' combo box to select the edit mode you desire.

To allow end-users to manipulate data, add a Command column to the ASPxTreeList's Columns and specify which commands can be used by end-users.

The following server-side methods can be used to manipulate data in code:

  • StartEdit – switches the ASPxTreeList to edit mode.
  • UpdateEdit – saves changes and switches the ASPxTreeList to browse mode.
  • CancelEdit – discards changes and switches the ASPxTreeList to browse mode.
  • StartEditNewNode – switches the ASPxTreeList to edit mode, and allows you to specify a new node's values. When finished, click the Update button. This creates a new node with the specified values, and appends it to the required position.
  • DeleteNode – deletes a node.
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