Data Editing - Edit Modes

This demo describes the ASPxTreeList's built-in edit modes.

The following edit modes are available within the ASPxTreeList:

• Inline - Cell values are edited with the in-line edit node.
• EditForm - Cell values are edited via the Edit Form, and the node whose values are currently being edited isn't displayed.
• EditFormAndDisplayNode - Cell values are edited within the Edit Form, and the node whose values are currently being edited is displayed above the Edit Form.
• PopupEditForm - Cell values are edited within the Popup Edit Form, which may be dragged. By default the Popup Edit Form is displayed near the node whose values are currently being edited. The Popup Edit Form's position 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 collection 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.