Tree List - Data Editing Inline Editing

 FromSubjectDateIs NewHas AttachmentNew
CollapseDeveloper Express - RayNew Holiday Skin10/12/2007 01:49 PMEditNewDelete
 CollapseTrevor WesterdahlRe: New Holiday Skin10/12/2007 04:05 PMEditNewDelete
   NC SoftwareRe: New Holiday Skin10/12/2007 04:07 PMEditNewDelete
 CollapseAndy WallRe: New Holiday Skin11/12/2007 12:42 PMEditNewDelete
  CollapseMax V. Evseev (Developer Express)Re: New Holiday Skin12/12/2007 06:49 AMEditNewDelete
    Brendon MuckRe: New Holiday Skin12/12/2007 09:25 AMEditNewDelete
    Andy WallRe: New Holiday Skin12/12/2007 10:31 AMEditNewDelete
   ExpandNC SoftwareRe: New Holiday Skin12/12/2007 02:20 PMEditNewDelete
    JaschaRe: New Holiday Skin15/12/2007 03:18 PMEditNewDelete
 Collapsewolfgang hauerRe: New Holiday Skin13/12/2007 01:55 PMEditNewDelete
   James MurrayRe: New Holiday Skin15/12/2007 05:37 AMEditNewDelete

This demo describes the TreeList extension inline edit mode. In this edit mode, cell values are edited within the in-line edit node.

For each allowed data operation (such as inserting, updating, deleting or node dragging), provide an associated controller action that will apply data changes to the Model and return the tree list's partial view. You can reference these controller actions by their names using the AddNewNodeRouteValues, UpdateNodeRouteValues, DeleteNodeRouteValues and NodeDragDropRouteValues properties. Note that node dragging is an editing operation, because while changing the node's position, its parent row identificator changes.

To allow end-users to manipulate tree list data, add a Command column to the TreeList's column collection and specify which commands (New, Edit, Delete) can be used by end-users. To switch a tree list node to the edit mode, end-users should be allowed to click the Edit command.

The TreeList validates user-input on the client-side based on the data annotation attributes of your Model. This approach is also called unobtrusive client validation. To enable the unobtrusive validation, the partial View with the TreeList extension is placed inside the HTML <form> element (rendered via the Html.BeginForm helper). The Partial View with the TreeList extension contains two helpers that enable the unobtrusive client validation: Html.EnableClientValidation and Html.EnableUnobtrusiveJavaScript.

An error is displayed next to the individual form editors. However, an additional error message can be displayed below the edit form using the SetEditErrorText method.

Version: v2017 vol 1.7
Copyright © 2006-2017 Developer Express Inc
Your Next Great MVC App Starts Here

Get started today and download your 30-day trial of DevExpress MVC Extensions (includes 30 days of free technical support).

All demos ship with full source code and are included in the DevExpress MVC distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress MVC Extensions ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.