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

Tree Grid
Editing
Command Column

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.
1
Planning
3/2/20175
2
Plan timeline
3/2/20175
3
Plan budget
3/2/20175
4
Allocate resources
3/2/20175
5
Planning complete
7/2/20171
6
Design
10/2/20173
7
Software Specification
10/2/20173
8
Develop prototype
10/2/20173
9
Get approval from customer
2/13/20172
10
Design complete
2/14/20171
11
Implementation Phase
2/17/201711
12
Phase 1
2/17/201711
13
Implementation Module 1
2/17/201711
14
Development Task 1
2/17/20173
15
Development Task 2
2/17/20173
16
Testing
2/20/20172
17
Bug fix
2/24/20172
18
Customer review meeting
2/26/20172
19
Phase 1 complete
2/27/20172
20
Phase 2
2/17/201712
21
Implementation Module 2
2/17/201712
22
Development Task 1
2/17/20174
23
Development Task 2
2/17/20174
24
Testing
2/21/20172
25
Bug fix
2/25/20172
26
Customer review meeting
2/27/20172
27
Phase 2 complete
2/28/20172
28
Phase 3
2/17/201711
29
Implementation Module 3
2/17/201711
30
Development Task 1
2/17/20173
31
Development Task 2
2/17/20173
32
Testing
2/20/20172
33
Bug fix
2/24/20172
34
Customer review meeting
2/26/20172
35
Phase 3 complete
2/27/20172

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
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab