Grid enableLazyLoading issue


i try to add the enableLazyLoading in my program but it seen don't work . Seen like this function is not available in grid.please advise


1 Reply

PG Praveenkumar Gajendiran Syncfusion Team July 28, 2021 10:00 AM UTC

Hi Liau,

Greetings from Syncfusion support.

We checked your query and provided information, based on that we have prepared a Grid sample with lazy load grouping and the Grid’s lazy load grouping feature is working fine at our end. For your convenience we have shared a sample for your reference. Please check the below code example, sample, online demo and documentation for more information.

Note: “To enable this lazy load grouping feature, you have to set the grid.allowGrouping property as true and groupSettings.enableLazyLoading property as true.”

Code Example: 
<ejs-grid id="LazyGroupGrid" dataSource="ViewBag.lazyLoadData" allowPaging="true" allowGrouping="true"> 
        <e-grid-groupSettings enableLazyLoading="true" columns="@(new string[] { "ProductName", "CustomerName" })"></e-grid-groupSettings> 
        <e-grid-columns> 
            <e-grid-column field="OrderID" headerText="Order ID" textAlign="Right" width="120"></e-grid-column> 
            <e-grid-column field="ProductName" headerText="Product Name" width="160"></e-grid-column> 
            <e-grid-column field="ProductID" headerText="Product ID" textAlign="Right" width="120"></e-grid-column> 
            <e-grid-column field="CustomerID" headerText="Customer ID" width="120"></e-grid-column> 
            <e-grid-column field="CustomerName" headerText="Customer Name" width="160"></e-grid-column> 
        </e-grid-columns> 
    </ejs-grid> 
Please get back to us if you need further assistance.

Regards,
Praveenkumar G 


Loader.
Up arrow icon