Example of Dialog Editing in React Tree Grid Component


This sample demonstrates Dialog Editing

More Details...


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 features are segregated into individual feature-wise modules. To use editing feature, we need to inject Editmodule into the services.

More information on the selection configuration can be found in this documentation section.