disabled checkbox in wijmo grid creates issue with header checkbox - angular

Posted by: me.ritesh.kumar on 1 August 2022, 11:54 pm EST

  • Posted 1 August 2022, 11:54 pm EST

    We have used wj-state-disabled and isSelected in
      itemformatter
    event to disable checkbox in some of the grid's rows.

    Now when we select header checkbox all rows are getting checked except disabled ones.



    This is fine, however when we check header checkbox again it is not selecting/deselecting all the rows. What we would like is the default functionality of header checkbox so it selects all enable checkbox rows and second time it deselects all those.

    Any idea how to achieve this?
  • Replied 2 August 2022, 7:14 pm EST

    ping!!!
  • Marked as Answer

    Replied 2 August 2022, 7:38 pm EST

    Hello,

    Please refer to the sample link below demonstrating, how you could disable rowHeader checkboxes based on some conditions:

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

    Please make sure to handle the selectAll checkbox indeterminate state, (in the given scenario) when you select all rows using the selectAll checkbox as some rowHeaders checkbox are disabled the selectAll checkbox will remain at the indeterminate state.

    Let us know if that's works for you. If you still face any issues then do let us know.

    Regards
  • Replied 3 August 2022, 12:37 am EST

    This worked. Thank you very much!!
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels