The DevExpress ASP.NET MVC Tree List (TreeList) extension allows you to edit and update multiple tree list nodes on the client side and send them to the server in a single request.
To enable the batch editing functionality, set the TreeListSettingsEditing.Mode property to 'Batch'. In this mode, tree list data contained in a page can be edited using in-line editors. The modified cells are colored in green. Deleted nodes are highlighted with gray and display the Recover command item. All changes are maintained on the client side until the Update command button is clicked, or all changes are canceled by clicking the Cancel command button.
If a tree list contains modified data, it displays a confirm message before a tree list callback or postback is performed.
You can customize the batch edit mode settings by using the following properties.
- The EditMode property allows you to specify which control element (data cell or node) is used to edit data.
- The StartEditAction property specifies the action that will be used to begin editing tree list data.
In this demo, use the Edit mode combo box to specify the control element used to edit data. The Start edit action combo box allows you to specify the action that should be used to begin editing tree list data.
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).
The source code files for this demo are installed (by default) in the following directory:
Open CS Solution
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxTreeListDemos