How to get the selected row data from clrDgSelected and provide selected data to another datagrid in a second url page in Clarity

Question

I want to get selected datagrid row data from one html page and provide to another html page

both pages are in the same Clarity UI application and both have datagrid's to display the data that

that can be selected. See example code of first html to get data from below.

DNS Name App ID Requester Data Center Product Load Balancer {{element.name}} {{element.csiAppId}} {{element.requester}} {{element.dataCenter}} {{element.product}} {{element.loadBalancer}}

Answer 1

Datagrid row selections are stored in an array on the application side.

e.g

<clr-datagrid [(clrDgSelected)]="selected">
  <-- ... -->
  <clr-dg-row *clrDgItems="let user of users" [clrDgItem]="user">
    <-- ... -->
  </clr-dg-row>
  <-- ... -->
</clr-datagrid>

selected is the application array and two-way binding keeps it in sync with what a user selects vs what may be pre-selected when data is retrieved from the server.

I would look at preserving the info in the selected array so it can be shared across multiple routes. If you have more questions or want to discuss a working application create a simple stackblitz app that shows what you are trying to do. It will help me to help you if I can look at a running application.