Datamanager inside Tabitem will not be fired unless refresh

[Feifan]

I'm trying to render some charts in tabs. But the datamanger request XHR was not sent to backend until I hard fresh the page.

<div class="row">

<div class="container">

    <EjsTab CssClass="e-background">

                    <TabItems>

                        <TabItem>

                            <ChildContent>

                                <TabHeader Text="Energy"></TabHeader>

                            </ChildContent>

                            <ContentTemplate>

                                <EjsChart Title="Total Delivered Energy Calendar Year" UseGroupingSeparator="true" Palettes="@palettes1" EnableAnimation="false">

                                    <EjsDataManager Url="http://localhost:3000/portfolioSummaryChart1Energy" Adaptor="Adaptors.WebApiAdaptor"></EjsDataManager>

</div>

</div>

And I notice that if I wrap the EjsTab with a DashboardLayoutPanel it will load the data correctly. 

Another thing is after the refresh, the chart is not taking up 100% of its parents width, have to manually resize it. 

Any configuration I can set to get the feature I wanted?

[Balaji Paramesvaran]

Hi Feifan, 

  

Thanks for contacting Syncfusion support. 

  

Query 1: 

  Issue with chart data loading using data manager. 

  

Query 2: 

  Improper chart with during component refresh 

  

  

We have checked the above queries and we could not able to replicate these issues with our end. Here I have attached the working sample for your reference which can be downloaded from the below link. 

  

https://www.syncfusion.com/downloads/support/forum/149984/ze/TabComponent-1450818728 

  

So, kindly check with our latest release version and  if this issue may still persists, reproduce that issue with shared sample . It may helpful to proceed further. 

  

Regards 

Balaji