This sample demonstrates the selection functionality of the Grid using checkbox selection, To select and unselect all rows use header checkbox. To select/unselect particular row, click the desired row. Delete one or more records using the toolbar delete button
Order ID | Customer Name | Order Date | Freight | Shipped Date | |
---|---|---|---|---|---|
10248 | Paul Henriot | 7/4/1996 | $32.38 | 7/16/1996 | |
10249 | Karin Josephs | 7/5/1996 | $11.61 | 7/10/1996 | |
10250 | Mario Pontes | 7/8/1996 | $65.83 | 7/12/1996 | |
10251 | Mary Saveley | 7/8/1996 | $41.34 | 7/15/1996 | |
10252 | Pascale Cartrain | 7/9/1996 | $51.30 | 7/11/1996 | |
10253 | Mario Pontes | 7/10/1996 | $58.17 | 7/16/1996 | |
10254 | Yang Wang | 7/11/1996 | $22.98 | 7/23/1996 | |
10255 | Michael Holz | 7/12/1996 | $148.33 | 7/15/1996 | |
10256 | Paula Parente | 7/15/1996 | $13.97 | 7/17/1996 | |
10257 | Carlos Hernández | 7/16/1996 | $81.91 | 7/22/1996 | |
10258 | Roland Mendel | 7/17/1996 | $140.51 | 7/23/1996 | |
10259 | Francisco Chang | 7/18/1996 | $3.25 | 7/25/1996 |
Grid multiple selection can be achieved with help of checkbox in each row. To render checkbox in each grid row, you need
to define column type as checkbox
using
columns->type
property.
Selection can be persisted on all the operations using
selectionSettings-> persistSelection
property. For persisting selection on the Grid, any one of the column should be defined as
a primary key using
columns->isPrimaryKey
property.
In this demo, Grid multiple selection has been enabled with selection persistance. You can also delete multiple records,
by clicking the toolbar’s Delete
button after selecting the checkboxes.
More information on the checkbox selection configuration can be found in this documentation section.