Data Editing

Data Editing

To allow end-users to manipulate data within ASPxTreeList, specify which actions can be performed by end-users. The available actions are listed below:

• Cancel - discards changes and switches an ASPxTreeList control to a browse mode.
• Delete - deletes a node.
• Edit - switches an ASPxTreeList control to an edit mode.
• New - switches an ASPxTreeList control to an edit mode, and allows you to specify new node values. When finished, click the Update button. This creates a new node with the specified values, and appends it to the required position.
• Update - saves changes and switches a tree list control to a browse mode.

Edit Modes

ASPxTreeList provides multiple edit modes: in-line data editing and editing via the edit form. End-users can switch the ASPxTreeList control to an edit mode by clicking the Edit command.

• In-Line Data Edititng
  When this mode is used, ASPxTreeList displays the in-line edit node instead of the edited node. This node displays the edit cells that correspond to visible data columns, while using the Edit Form allows you to customize its contents and layout.
• Edit Form
  When ASPxTreeList is switched to an edit mode, it displays the edit form. The edit form displays edit cells. Each cell corresponds to a data column, and allows its value within the edited node to be changed.
• Popup Edit Form
  When ASPxTreeList is switched to this mode, it displays its edit form as a popup edit form. You can provide any possible layout for its edit form using the appropriate template.

To switch ASPxTreeList back to the browse mode, saving all the changes, click Update. To discard the changes, click the Cancel command.

Show Demo

Validating Edit Cells (Client-Side Validation)

Data columns provide various validation settings that allow you to define the validation logic for individual edit cells. In this instance, if the validation fails, error icons are displayed next to the editors with invalid values. The node will not be updated while it contains invalid values.

Validating Nodes (Server-Side Validation)

You can specify validation settings to validate nodes on the server side. ASPxTreeList provides validation properties that allow you:

• To obtain old and new node values.
• To specify the error description text. As a result, an error icon will be displayed next to the invalid value. Pointing to the icon shows the hint with the error description.
• To specify the error text displayed within the error node. This node is automatically displayed below the edited node.

Show Demo