Reset selection on multiple selected rows after an action

Summary

Reset selection on multiple selected rows after an action

Content

Hi Experts,

 

This is in relation to Multi-row Selection with JET 9 in Visual Builder.

Could you please help me with that how can we reset selection of multiple rows on some button action.

I tried binding a variable of type 'any' to the selected property of the table and tried resetting the same in button action to clear the row selection but this didn't worked.

Adding to this, I am using Paging Data Provider/ Paging Control on the table for pagination feature.

Version

VBCS 21.04.0

Code Snippet

<div class="oj-flex">
  <oj-table scroll-policy="loadMoreOnScroll" class="oj-flex-item oj-sm-12 oj-md-12"
    data="[[ $variables.postHeaderPDP ]]"
    columns='[{"headerText":"Invoice Number","field":"invoice_number"},{"headerText":"Transaction Type","field":"transaction_type"},{"headerText":"Total Amount","field":"total_amount"},{"headerText":"Last Update Date","field":"last_update_date"},{"headerText":"Inv Transaction Date","field":"invoice_transaction_date"},{"headerText":"Receipt Application Status","field":"receipt_application_status"},{"headerText":"Receipt Creation Status","field":"receipt_creation_status"},{"headerText":"Refund Status","field":"refund_status"}]'
    selection-mode.row="multiple" on-selected-changed="[[$listeners.ojTableSelected]]" selection-mode.column="none"
    translations.msg-initializing="No data to display" display="grid" selected="{{ $variables.selectedRows }}">
    <oj-paging-control data="[[ $variables.postHeaderPDP ]]" page-size="10" slot="bottom"></oj-paging-control>
  </oj-table>
</div>