Example of Command Column in Javascript Tree Grid Control

/
/
Command Column

This sample demonstrates CRUD operations in Tree Grid 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.
More Details...

Description

The Tree Grid 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 Cancel Save Injecting Module: Tree Grid features are segregated into individual feature-wise modules. To use CommandColumn feature, we need to inject Edit module using the TreeGrid.Inject(CommandColumn) method. More information on the command column configuration can be found in this documentation section.