This sample demonstrates CRUD operations in Tree Grid using command column. You can perform CRUD operations as follows,
Edit
- To edit record, double click a row or click Edit
button from command column after selected a row.
Delete
- To delete record, click Delete button from
command column after selected a row.
Update, Cancel
-You can save or discard changes by
click Update and Cancel button from command column respectively.
The Tree Grid provides an option to render CRUD action buttons in a
column by using the CommandColumn feature. The{" "}
columns->commands
property accepts array of
CommandModel object. The predefined command button can be defined by
using type property.
The built-in command button are,
Edit
Delete
Cancel
Save
Injecting Module:
Tree Grid features are segregated into individual feature-wise
modules. To use editing feature, we need to inject Edit
{" "}
module into the services
.
More information on the selection configuration can be found in this documentation section.