This samples demonstrates the way of preventing editing for certain row and disable the locked rows to differentiate edit and non-editable rows in Tree Grid.
Task ID | Task Name | Start Date | Duration |
|---|---|---|---|
| 1 | Planning | 2/3/2017 | 5 |
| 2 | Plan timeline | 2/3/2017 | 5 |
| 3 | Plan budget | 2/3/2017 | 5 |
| 4 | Allocate resources | 2/3/2017 | 5 |
| 5 | Planning complete | 2/7/2017 | 0 |
| 6 | Design | 2/10/2017 | 3 |
| 7 | Software Specification | 2/10/2017 | 3 |
| 8 | Develop prototype | 2/10/2017 | 3 |
| 9 | Get approval from customer | 2/13/2017 | 2 |
| 10 | Design Documentation | 2/13/2017 | 2 |
| 11 | Design complete | 2/14/2017 | 0 |
The Tree Grid supports CRUD operations. This CRUD operations can be configured in Tree Grid using editSettings. Also, it has different modes to manipulate the datasource.
The available modes are,
Row CellDialog In this sample, we have provided an option in property panel to prevent editing for certain rows. Using beginEdit event of Tree Grid, we prevent the editing for selected Task ID row in the dropdown and disable the corresponding row using rowDataBound event of Tree Grid.
Injecting Module:
Tree Grid component features are segregated into individual feature-wise modules. To use editing feature, we need to inject EditService into the @NgModule.providers section.
More information on the editing feature can be found in the documentation section.