Deselect all checkbox in multirow by manipulate CollectionView data

Deselect all checkbox in multirow by manipulate CollectionView data

Posted by: maricar.m.clariza on 11 January 2022, 7:14 pm EST

• 

  maricar.m.clariza

  • Post Options:
  • Link
    Copy

  Posted 11 January 2022, 7:14 pm EST - Updated 3 October 2022, 3:10 am EST

  Hi
  
  Just need assistance…
  
  

  ^I created a function for ‘Cancel All’ ← once the user hit this button all checkbox must have value false to uncheck it… I created a script for this trigger (code below)

  this.returnedSamplesData.filter = (item) => { return item.scope = false };

  however, it seems like its not working properly . coz once i trigger the cancell button all records will display none.

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 12 January 2022, 10:56 pm EST

  Hello,

  To de-select all the selected rows on click of a button you may iterate over each row and set the isSelected property to false and refresh the collectionView to update the checkboxes state. Please refer to the code snippet below demonstrating the same:

  .html file code:

   <button class="btn btn-primary" (click)="removeSelectionAll(flex,$event)">
      Cancel all
    </button>
  

  .ts file code

    removeSelectionAll(grid, e) {
      grid.rows.forEach((row) => {
        row.isSelected = false;
      });
      grid.collectionView.refresh();
    }
  

  Regards

• 

  maricar.m.clariza

  • Post Options:
  • Link
    Copy

  Posted 14 January 2022, 1:38 am EST

  this isnt working im using multirow btw

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 16 January 2022, 11:21 pm EST

  Hello,

  Please refer to the sample link below demonstrating the implementation of the shared code in the multiRow control:

  https://stackblitz.com/edit/angular-2pmyj2?file=src%2Fapp%2Fapp.component.html

  Regards