The Grid Spinner doesn't work after refreshing the Page

[Lina Akope]

Hallo !

Im using Grid in my Code and 'm showing Spinner every time new Data are retrieved,

it ist working fine but when I refresh the Page (Chrome) the Spinner dose'nt work .

ngOnChanges() {

    // stop the spinner after retrieving Data

     if(this.grid !== undefined){

     setTimeout(() => this.grid.hideSpinner(), 0)

     }

  }

  

  onScrolling(args: ActionEventArgs) {

      if (args.requestType === 'infiniteScroll') {

        //start the spinner after scrolling 

         setTimeout(() => this.grid.showSpinner(), 0)

        // dispatch an action to retrieve new more data (Ngrx )

      }

  }

  created(args: ActionEventArgs){

   // start the spinner while initializing the grid with no Data

   setTimeout(() => this.grid.showSpinner(), 0)

  }

[Shalini Maragathavel]

Hi Lina, 

Thanks for contacting Syncfusion support.

Based on your query we suspect that you are facing an issue in Grid’s spinner when infinite scrolling is enabled. So, we have prepared a sample and tried to reproduce the issue but we did not face the mentioned issue at our end.

For your convenience we have attached the sample and please find the sample for your reference 

Sample : https://stackblitz.com/edit/angular-29vnsk-k8gvh8?file=app.component.ts

If you are still facing the issue, kindly share the following details that will be helpful for us to provide better solution.

1)  Share the complete Grid rendering code. 

 

2)  If possible please replicate the issue in the attached sample or provide us a simple sample to replicate the problem.  

3)  Share us a video demonstration of the issue. 

4)  Syncfusion Package version. 

Regards,
Shalini M. 

[Lina Akope]

Hallo ! 

First of all , thank you for your quick Answer

I already tried what you send me in your Sample but the problem still 

Here are some Notices that may help : 

- when I open the DevTools -> Network -> then enable  Disable Cache  in the Browser, then it works fine even if i refresh th page the spinner is working again 

- Iam using Redux (Ngrx) in my project 

-   Syncfusion Package version :

  "@syncfusion/ej2-angular-grids": "^18.4.31" 

- I also tried to use Spinner als separate component like in this reference : 

https://www.syncfusion.com/kb/10070/how-to-use-spinner-as-a-separate-component

its also working fine but when i refresh the page i had the same problem 

[Shalini Maragathavel]

Hi Lina, 

Thanks for your patience.

We checked the reported problem with NgRx store in the Grid, but still could not reproduce the problem from our side and the Grid spinner was working properly. For your convenience we have attached the sample and please find the sample for your reference 

Sample : https://stackblitz.com/edit/angular-ngrx-examples-ppuyz1?file=src%2Fapp%2Fapp.component.ts 

If you are still facing the issue, kindly share the following details that will be helpful for us to provide better solution.

1)  If possible please replicate the issue in the attached sample or provide us a simple sample to replicate the problem.  

2)  Share us a video demonstration of the issue. 

Regards,
Shalini M.