Blazor Tree Grid Example - Batch Editing
This sample demonstrates the batch editing feature in Tree Grid. The edited cells are highlighted in batch editing, and changes are saved in bulk to the data source by clicking the toolbar's update button.
Task ID | Task Name | Start Date | Duration | Progress | Priority |
|---|
| 1 | Planning | 3/2/2021 | 5 | Open | Normal |
| 2 | Plan timeline | 3/4/2021 | 5 | In Progress | Normal |
| 3 | Plan budget | 3/6/2021 | 5 | Started | Low |
| 4 | Allocate resources | 3/8/2021 | 5 | Open | Critical |
| 5 | Planning complete | 7/10/2021 | 1 | Open | Low |
| 6 | Design | 10/12/2021 | 3 | In Progress | High |
| 7 | Software specification | 10/14/2021 | 3 | Started | Normal |
| 8 | Develop prototype | 10/16/2021 | 3 | In Progress | Critical |
| 9 | Get approval from customer | 2/18/2021 | 2 | In Progress | Low |
| 10 | Design complete | 2/20/2021 | 1 | In Progress | Normal |
TreeGridEditSettings can be used to configure CRUD operations in Tree Grid. It also has various modes for manipulating the datasource. The available modes are:
EditMode.RowEditMode.CellEditMode.DialogEditMode.Batch
In this demo, batch mode is enabled for editing by defining the Mode property as EditMode.Batch. More information on batch editing can be found in this documentation section.