Angular update grid based on checkbox selection

Question

When page load first time at that time I am displaying grid view with current user details.

Now in that I have added one checkbox.

So when user click on that checkbox then that grid should updated with all users list. Again if user uncheck that checbox so only see current user details.

Below is my code for that

**So I have two questions :

Is this correct way what I am following ?
What argument I need to pass when I call function from ngAfterViewInit**

<mat-checkbox (change)="showAllUsers($event)">
      Show All
    </mat-checkbox>

 showAllUsers(event:MatCheckboxChange){
    if(event.checked){
      this.getUsers();
    } else {
      this.getUsersById();
    }
  }

Now I am trying to call this function from ngAfterViewInit..

ngAfterViewInit(){
    this.showAllCompanies($event.);
  }

**So I have two questions :

Is this correct way what I am following ?
What argument I need to pass when I call function from ngAfterViewInit**

Julien BEAUDOUX · Accepted Answer · 2023-01-16 08:00:55Z

0

First you should not use ngAfterViewInit like that.

For your problem :


<mat-checkbox (change)="showAllUsers($event)">
      Show All
</mat-checkbox>



// you can do something like that if you dont want to pass throught an $event. 

defaultDisplay:boolean = false;

showAllUsers(){

    this.defaultDisplay = !this.defaultDisplay;

    if(this.defaultDisplay){
      this.getUsers();
    } else {
      this.getUsersById();
    }
  }

Option 3 :


<mat-checkbox (change)="showAllUsers(defaultDisplay)">
      Show All
</mat-checkbox>


defaultDisplay:boolean = false;
 
showAllUsers(defaultDisplay:boolean){

    this.defaultDisplay = !this.defaultDisplay;

    if(this.defaultDisplay){
      this.getUsers();
    } else {
      this.getUsersById();
    }
  }

Hope it will help you :)

answered Jan 16, 2023 at 8:00

Julien BEAUDOUX

263 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Vasi Over a year ago

This is not working for me.. Problem is that I need to just relaod grid not whole page.. so without ngafterviewinit how can I do that

Julien BEAUDOUX Over a year ago

By loading new data you reload the whole page ??? maybe take a look : stackoverflow.com/questions/45300563/…

Vasi Over a year ago

I don't want to reload whole page.. just grid view of that page..

Collectives™ on Stack Overflow

Angular update grid based on checkbox selection

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related