This sample demonstrates CRUD operations in Tree Grid. You can perform CRUD operations as follows,
Task ID | Task Name | Start Date | End Date | Duration | Progress |
---|---|---|---|---|---|
No records to display |
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
Cell
Dialog
In this demo, Dialog mode is enabled for editing by defining editSettings.mode
as dialog
. You can start editing by double clicking a row or clicking on toolbar's Edit button, then the currently selected row will be shown on a dialog and you can change the row values and save edited data to the datasource.
Injecting Module:
Tree Grid component features are segregated into individual feature-wise modules. To use exporting feature, we need to inject EditService
into the @NgModule.providers
section.
More information on the Tree Grid instantiation can be found in this documentation section.