Grid not loaded on IE while switching angular tabs

Grid not loaded on IE while switching angular tabs

Posted by: parmarkinjalk on 26 April 2020, 12:45 pm EST

• 

  parmarkinjalk

  • Post Options:
  • Link
    Copy

  Posted 26 April 2020, 12:45 pm EST - Updated 3 October 2022, 4:26 pm EST

  Hi Team,

  I am using angular 8 with wijmo 5.20193.637. In my angular App I have multiple tabs which corresponds to multiple angular components and each tab have a different grid(with ng-template). when we click on a tab an API call is made to get the data to display. while the api call is processing I am switching to another tab(routing to another component) and only coming back to first tab after the api call is complete and the grid is displayed. So on chrome it take a fraction of second for the tab to be displayed as mentioned by “haridass.pt” in this post * “https://www.grapecity.com/forums/wijmo/grid-rendering-messed-up”
  
  . but on IE it doesn’t show the grid at all. I know the grid is present because if a do filter(I have a custom filter on the side) the grid shows up with the filtered list.see the img attached

  

  1480×554 3.65 KB

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 27 April 2020, 3:11 am EST

  Hi Kinjalk,

  As I said in the mentioned post, you can try calling invalidate method whenever the tab is switched. Since, the observer api is not present in IE, the grid does not get a notification when to invalidate itself. That is why, changing the tabs invalidates the grid automatically in Chrome but not in IE.

  Regards,
  
  Ashwin

• 

  parmarkinjalk

  • Post Options:
  • Link
    Copy

  Posted 28 April 2020, 5:02 pm EST

  Hi Ashwin,

  I am not able to understand which tab you want me to try the invalidate method. The tab I am leaving or the tab i am switching to. The issue is in angular, when I switch a tab and I come back to the first tab I am using angular’s reuse strategy to reuse the component(tab) from cache and there is not event which is fired when coming back to a original component. please provide a example if possible. Thanks.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 29 April 2020, 3:06 am EST

  Hi Kinjalk,

  Please refer to the sample attached. I used the reuse routing strategy with 2 components to replicate the issue in IE. But, I was unable to replicate the issue.
  
  Can you let me know whether I am missing something?

  If I am able to replicate the issue, I can assist you further.

  ~regards

  reuse strategy.zip