DevExtreme v24.2 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Your search did not match any results.

React Tree List - Batch Editing

You can use batch edit mode to defer saving multiple cell changes. Changes are stored in a buffer and can be discarded before a user clicks the Save button.

To give you the ability to edit code on the fly, the demo uses SystemJS. For this reason, launching the demo takes some time. We strongly recommend that you do not use this approach in real projects.
Backend API

To enable batch edit mode, configure the following properties:

This demo also shows how to populate cells of a new row with default values. The values are assigned within the onInitNewRow event handler.

If data is stored on a server, the TreeList sends multiple requests to save edited objects - one request per object (this is because most servers only process one edit operation at a time). If your server supports batch update, you can configure the TreeList to save all changes with a single request. Refer to the following demo for more information: DataGrid: Batch Update Request.