Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Edit Modes

v
 FromSubjectDate CreatedHas AttachmentNew
CollapseDeveloper Express - RayNew Holiday Skin12/8/2018EditNew
  Andrew FullerRe: New Holiday Skin12/8/2018 
  
v
UpdateCancel
  
 CollapseSteven BuchananRe: New Holiday Skin12/8/2018EditNew
   Nancy DavolioRe: New Holiday Skin12/8/2018EditNew
 CollapseJanet LeverlingRe: New Holiday Skin12/9/2018EditNew
  CollapseMax V. Evseev (Developer Express)Re: New Holiday Skin12/10/2018EditNew
    Thomas HardyRe: New Holiday Skin12/10/2018EditNew
    Janet LeverlingRe: New Holiday Skin12/10/2018EditNew
   ExpandNancy DavolioRe: New Holiday Skin12/10/2018EditNew
    Laura CallahanRe: New Holiday Skin12/13/2018EditNew
 CollapseAnne DodsworthRe: New Holiday Skin12/11/2018EditNew
   Margaret PeacockRe: New Holiday Skin12/13/2018EditNew

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 SettingsPopupEditForm 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.