refresh cannot empty the checkbox header

[liu]

I select the selection box in the row, and then use the refresh function to select all and cancel it. I select the header selection box, click refresh, and check it without canceling it.

 How can I deselect all headers when they are selected

demo:https://stackblitz.com/edit/angular-3bzb3v?file=main.ts,app.component.ts,app.component.html

In the compressed file is my video presentation

How to deselect all without clicking

Attachment: video_demo_f49bc357.zip

[Farveen Sulthana Thameeztheen Basha]

Hi liu,

Query#:- How can I deselect all headers when they are selected

From your query we suspect that you need to deselect the headerCheckbox on external button click. So we suggested to use this workaround to achieve your requirement.

Refer to the code below:-

App.Component.ts

 

   refreshCheckbox() {

            document.getElementsByClassName('e-treeselectall')[0].click();

        }

Sample link:- https://stackblitz.com/edit/angular-3bzb3v-qdp995?file=main.ts,app.component.ts

Note:-
Attached video files not related to reported query.

If your requirement is different from above or misunderstood your query, please share detailed Explanation/Video Demo to proceed further.

Regards,
Farveen sulthana T