• Material 3
  • Fluent
  • Fluent2
  • Bootstrap v5
  • Tailwind CSS
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Command Column in ASP.NET Core Tree Grid Control

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
  • Cancel
  • Save

More information on the data binding can be found in this documentation section.

Transform your ASP.NET Core web apps today with Syncfusion ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab