We'd love to hear from you! Provide  feedback  to earn a badge today. Take our quick survey
You're almost there! Please answer a few more questions for access to the Applications content. Complete registration
Interested in joining? Complete your registration by providing Areas of Interest here. Register

Reset selection on multiple selected rows after an action

Received Response
10
Views
1
Comments
edited Feb 15, 2021 1:47PM in Visual Builder 1 comment

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>
Tagged:

Howdy, Stranger!

Log In

To view full details, sign in.

Register

Don't have an account? Click here to get started!