In Blazor you can set LoadOnDemand to false, how can you do this in .net core version

[Chris]

In the Blazor Version of Syncfusion, it is possible to deactivate Lazy Loading for the Accordion with LoadOnDemand="false". Is there a way to do this in the ASP.NET Core Version? If so, how would you do that?

[Satheesh Kumar Balasubramanian]

Hi Chris, 

  

Thanks for using Syncfusion Products. 

  

We have validated your reported query "In Blazor you can set LoadOnDemand to false, how can you do this in core" and let you know that currently we don't have LoadOnDemad property support in core. Alternatively you can render accordion content with display none to achieve this requirement. For the same we have prepared a sample for your reference which can be downloaded from the following link. 

  

Sample: https://www.syncfusion.com/downloads/support/forum/165860/ze/AccordionRendering-1724539840 

  

Index.cshtml:   

<div id="Content1" style="display: none"> 

    <ejs-chart id="ej2chart" width="100%" height="100%"> 

        <e-series-collection> 

            <e-series type="@Syncfusion.EJ2.Charts.ChartSeriesType.Line" xName="x" yName="yValue" dataSource="@ViewBag.datasource" name="Gold" width="2"> 

                <e-series-marker visible="true" /> 

            </e-series> 

        </e-series-collection> 

        <e-chart-primaryxaxis interval="1" valueType="@Syncfusion.EJ2.Charts.ValueType.Category" title="Olympic Medal Counts - RIO" /> 

    </ejs-chart> 

</div> 

  

<div id="Content2" style="display: none"> 

    <ejs-grid id="ej2grid" allowPaging="true"> 

        <e-data-manager url="https://services.odata.org/V4/Northwind/Northwind.svc/Products" crossdomain="true" adaptor="ODataV4Adaptor"></e-data-manager> 

        <e-grid-columns> 

            <e-grid-column field="ProductID" headerText="Product ID" textAlign="@Syncfusion.EJ2.Grids.TextAlign.Right"></e-grid-column> 

            <e-grid-column field="ProductName" headerText="Product Name" width="150"></e-grid-column> 

            <e-grid-column field="UnitPrice" headerText="Supplier ID" textAlign="@Syncfusion.EJ2.Grids.TextAlign.Right" width="130"></e-grid-column> 

            <e-grid-column field="UnitsInStock" headerText="QuantityPerUnit" textAlign="@Syncfusion.EJ2.Grids.TextAlign.Right" width="120"></e-grid-column> 

            <e-grid-column field="Discontinued" headerText="Discontinued" width="140" textAlign="@Syncfusion.EJ2.Grids.TextAlign.Center" type="boolean" displayAsCheckBox="true"></e-grid-column> 

        </e-grid-columns> 

    </ejs-grid> 

</div> 

  

<div id="Content3" style="display: none"> 

    <ejs-calendar id="ej2calendar"></ejs-calendar> 

</div> 

  

<ejs-accordion id="ej2Accordion" items="@ViewBag.items"></ejs-accordion> 

  

HomeController.cs:   

        public IActionResult Index() 

        { 

            List<AccordionAccordionItem> accordionItems = new List<AccordionAccordionItem>(); 

            accordionItems.Add(new AccordionAccordionItem { Header = "Chart", Content = "#Content1" }); 

            accordionItems.Add(new AccordionAccordionItem { Header = "Grid", Content = "#Content2" }); 

            accordionItems.Add(new AccordionAccordionItem { Header = "Calender", Content = "#Content3" }); 

            ViewBag.items = accordionItems; 

            //chart data 

            List<ColumnChartData> chartData = new List<ColumnChartData> 

            { 

                 new ColumnChartData { x= "USA", yValue= 46 }, 

                 new ColumnChartData { x= "GBR", yValue= 27 }, 

                 new ColumnChartData { x= "CHN", yValue= 26 } 

            }; 

            ViewBag.dataSource = chartData; 

            return View(); 

        } 

  

Kindly try the above sample and let us know if this meets your requirement. 

  

Regards, 

Satheesh Kumar B