Row selection

Choose orders for bulk processing. Collect checked row IDs and pass them to app operations.

Try it yourself

1. Select two orders

   Use the left-hand checkboxes to select ORD-0001 and ORD-0003. Selected rows also have a distinct background.

2. Inspect selection results

   Check selectionChanged in the latest results immediately above the code view. Selecting different rows updates the result.

3. Deselect some rows

   Click a checkbox again to deselect a row. The header checkbox can select the currently displayed scope.

Selection alone does not delete, approve, or save orders. Connect business operations in the app receiving the selection.

Useful terms

selectionChanged

An event emitted when row selection changes.

getSelectedRowIds

A method reading currently selected row IDs.

Key API examples

Application code that references the registered Grid element as grid.

await grid.selectRows(['ORD-0001','ORD-0003']);
console.log(await grid.getSelectedRowIds());