Available in the Full Version

Data Grid - Editing Customization

This sample demonstrates how a custom editor provider could be nested within a custom Row Edit Dialog.

This sample is designed for a larger screen size.

On mobile, try rotating your screen, view full size, or email to another device.

The custom editor provider in this sample is implemented in dialogTemplate which is rendered against currently edited record. This custom provider contains an igUpload control which allows users to upload an image of their own in order to edit the Image column of igGrid. The dialog used in this sample is a custom widget that utilizes the igSplitter control and replaces the default modal dialog. The custom modal dialog allows closing and applying the changes via either the on-screen Done and Cancel buttons or the keyboard Enter and ESC keys. The interaction with the grid is not blocked, and the end user can change the row in edit mode while the dialog is opened. In order to show the Row Edit Dialog you need to click or tap on a row to pop it up.

Code View

Copy to Clipboard