| id | GridBase.Options.editing.mode |
|---|
Specifies how a user edits data.
The following list points out the differences in editing modes:
-
Row
A user edits one row at a time. The UI component saves changes when the row leaves the editing state.#include btn-open-demo with { href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/TreeList/RowEditing/" }
-
Batch
A user edits data cell by cell. The UI component does not save changes until a user clicks the global "Save" button.#include btn-open-demo with { href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/TreeList/BatchEditing" }
-
Cell
Differs from the batch mode in that the UI component saves changes when the cell leaves the editing state.#include btn-open-demo with { href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/TreeList/CellEditing" }
-
Form
On entering the editing state, a row becomes a form with editable fields. The UI component saves changes after a user clicks the "Save" button.#include btn-open-demo with { href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/TreeList/FormEditing" }
-
Popup
Differs from the form mode in that the form with editable fields is placed in a popup window.#include btn-open-demo with { href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/TreeList/PopupEditing" }