≺ back to sample list
editors icon
Editors
This sample showcases how to provide your own editor.
What is shown in this sample:

Shows how to activate editing on columns. Also shows how to use default editors, and how to provide custom editors to display a comboBox or text input with a button. The code makes use of the editorDefinitions and allowEdit properties.

The ID - No edit column sets its allowEdit property to false so it can't be edited. The Employee - Custom comboBox editor column is using a custom cell editor, which is an EditorProvider to display a comboBox. The Product - Custom text editor column is using a custom cell editor, which is an EditorProvider to display a text and a button. The Discontinued - Boolean column is using the default boolean editor to show an image of a checkmark when the value is true. Double-clicking on it automatically switches the value. The other columns are using the default string, integer, number, date, time and dateTime editors. The "default" editor can be used to edit values using a value's string representation.