• Material
  • Fabric
  • Bootstrap
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse

Chart

This sample demonstrates CRUD operations in TreeGrid using command column. You can perform CRUD operations as follows,

  • Edit - To edit record, double click a row or click Edit button from command column after selected a row.
  • Delete - To delete record, click Delete button from command column after selected a row.
  • Update, Cancel - You can save or discard changes by click Update and Cancel button from command column respectively.
DEMO
SOURCE
;

The TreeGrid provides an option to render CRUD action buttons in a column by using the CommandColumn feature. The Columns->Commands property accepts array of CommandModel object. The predefined command button can be defined by using type property.

The built-in command button are,

  • Edit
  • Delete
  • Save
  • Cancel

More information on the command column configuration can be found in this documentation section .