New to Kendo UI for jQuery? Download free 30-day trial
Editing custom editor
- EXAMPLE
- VIEW SOURCE
-
EDIT
- Edit in Kendo UI Dojo
- Edit in Theme Builder
-
Change Theme
DefaultSASSLESS
- Default
- Bootstrap
- Material
- Launch Theme Builder
- editing-custom.html
- Sample service
Also available for:
API REFERENCEDescription
In numerous scenarios there's a requirement not only to visualize data in a table structure, but to have the ability to manipulate this data and save changes.
The Kendo UI grid widget supports data editing operations (create, update, destroy) via a simple configuration of its data source. All you have to do to enable data editing capabilities for the widget is to:
- set the grid's editable configuration option
- declare field definitions through the DataSource schema
- configure the DataSource for performing CRUD data operations defining its transport->create/update/destroy attributes
If you want to enable new records insertion, you can do that by enabling the relevant option in the grid toolbar. For deleting items you need to include a delete command column.
This sample demonstrates how to set a custom editor (Kendo UI dropdown list in this case) as grid column editor by specifying the Category column's editor field. The value of this field points to a JavaScript function which instantiates the column editor for the corresponding column cells.
More details about the grid editing capabilities can be found in the documentation here.