This sample demonstrates CRUD operations in 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 respectivelyOrder ID | Customer Name | Freight | Order Date | Ship Country | Manage Records |
---|---|---|---|---|---|
10248 | Paul Henriot | $32.38 | 7/4/1996 | France | |
10249 | Karin Josephs | $11.61 | 7/5/1996 | Germany | |
10250 | Mario Pontes | $65.83 | 7/8/1996 | Brazil | |
10251 | Mary Saveley | $41.34 | 7/8/1996 | France | |
10252 | Pascale Cartrain | $51.30 | 7/9/1996 | Belgium | |
10253 | Mario Pontes | $58.17 | 7/10/1996 | Brazil | |
10254 | Yang Wang | $22.98 | 7/11/1996 | Switzerland | |
10255 | Michael Holz | $148.33 | 7/12/1996 | Switzerland | |
10256 | Paula Parente | $13.97 | 7/15/1996 | Brazil | |
10257 | Carlos Hernández | $81.91 | 7/16/1996 | Venezuela | |
10258 | Roland Mendel | $140.51 | 7/17/1996 | Austria | |
10259 | Francisco Chang | $3.25 | 7/18/1996 | Mexico |
The 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
Grid features are segregated into individual feature-wise modules.
To use commandColumn feature, we need to inject CommandColumn
module into the services
.
More information on the commandcolumn configuration can be found in this documentation section.