Vue DataGrid - editing
The widget can allow a user to add, update and delete data. To control which of these operations are allowed, use the allowAdding, allowUpdating and allowDeleting options. Editing can be carried out in different modes, which are detailed in the mode option's description.
See Also
form
Configures the form. Used only if editing.mode is "form" or "popup".
Default form editors depend on the columns' configuration. If the generated form does not meet your requirements, and you need to reorganize form items or set other form parameters, specify it in the form option. To link a form item with a grid column, assign identical values to the form.items.dataField and columns.dataField options.
There are some form parameters that you cannot specify using this option:
- template
- readOnly
- editorType
- any event handler (options whose name starts with "on..."); instead, handle the editorPreparing or editorPrepared event to customize the form editors.
See Also
mode
The following list points out the differences in editing modes.
- Row
A user edits one row at a time. The widget saves changes when the row leaves the editing state. See demo. - Batch
A user edits data cell by cell. The widget does not save changes until a user clicks the global "Save" button. See demo. - Cell
Differs from the batch mode in that the widget saves changes when the cell leaves the editing state. See demo. - Form
On entering the editing state, a row becomes a form with editable fields. The widget saves changes after a user clicks the "Save" button. See demo. - Popup
Differs from the form mode in that the form with editable fields is placed in a popup window. See demo.
When using the widget as an ASP.NET MVC Control, specify this option using the GridEditMode enum. This enum accepts the following values: Row, Batch, Cell, Form and Popup.
popup
Configures the popup. Used only if editing.mode is "popup".
You can specify most of the Popup options in this object except those listed below. The DataGrid overriddes these options.
The popup always contains a form whose items are used for editing. Use the form option to customize the form items.
If you have technical questions, please create a support ticket in the DevExpress Support Center.