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

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.

DEMO

SOURCE

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

More information on the command column configuration can be found in this documentation sectionopens in a new tab.

Looking for the full ASP.NET MVC Tree Grid component overview, features, pricing, and documentation? Visit our ASP.NET MVC Tree Grid component page.