It will clear header checkbox after grid.refresh

Question

Hi,As below, when I clear the reject header checkbox, and call grid refresh, it will clear both the approve and reject header checkbox  Another question:When I want to change the grid list data, must call grid.refresh ?it will not work only change the list data?  the data changed, but the interface not change.

Thiyagu Subramani · Answer

Hi lorryl, 
  
Thanks for contacting Syncfusion support. 
  
Query: when I clear the reject header checkbox, and call grid refresh, it will clear both the approve and reject header checkbox 
  
By default, in EJ2 Grid we have refresh method in EJ2 Grid which is used to refresh (gridInstances.refresh()) the entire Grid. Using this method, you can refresh the Grid as per your needs and if you want to clear/refresh the header checkbox, you have to refresh it based on its state value (checked) in its event. 
  
API  : https://ej2.syncfusion.com/documentation/api/grid/#refresh 
  
If still facing the issue, please share your requirement briefly with more information. 
  
Query: When I want to change the grid list data, must call grid.refresh ? 
  
By default in EJ2 Grid, Grid will automatically refresh, If we change the dataSource of the Grid. You can change the Grid dataSource like below this.  
  
API : https://ej2.syncfusion.com/documentation/api/grid/#datasource 
  




gridInstances.dataSource = data // it change the Grid dataSource automatically 
  
If still facing the issue, please share below details for further validation. 
  
1.  Share the exact requirement which you need to refresh the Grid separately? 
  
2. Are you refreshing the complete dataSource of the Grid or else? Explain briefly ? 
  
3. Explain your requirement briefly. 
  
4. If possible, share issue reproducing sample to us. 
  
5. From your shared code information we suspect that you are refreshing each row. So please explain briefly? 
  
Regards, 
Thiyagu S

lorryl · Answer

Hi,When I use the grid auto fit function by click a button, the checked status in header template will auto lose.How to avoid it?

Ajith Govarthan · Answer

Hi lorryl, 

Thanks for the update. 

Based on your query, you are facing checkbox checked state change issue when you autofit the columns in your Grid application. So, we have prepared sample in that we have rendered the checkbox component in the header and found that checkbox state is getting maintained even after autofit all the columns. For your convenience, we have attached the sample, please refer them for your reference. 

Code Example: 




App.component.ts 

onClick() { 
    this.grid.autoFitColumns(); 
  } 

Sample Link: https://stackblitz.com/edit/angular-b8eeez?file=app.component.ts 

If you still face the issue, then please share the complete Grid code example including the autofit related codes in your Grid application. 

Regards, 
Ajith G.