Articles in this section
Category / Section

How Load on Demand Features Improves User Experience in Blazor Grid

5 mins read

Blazor DataGrid Load on Demand feature helps you to load data as you need instead of loading all the data at once. This can be achieved either by using the AllowPaging or EnableVirtualization property and the SfDataManager with Adaptor.

 

We have provided support for different Adaptors (WebAPI, OData, ODataV4, Url, etc.) to load data from different services to the grid with on-demand loading concept / server-side paging. These adaptors use the on-demand loading concept to fetch data from the server when the Paging feature is enabled.

 

To bind remote data to the DataGrid component, assign the service data as an instance of the SfDataManager to the DataSource property or by using the SfDataManager component. To interact with a remote data source, you need to provide the endpoint URL.

Refer to the following code example:

 

@using Syncfusion.Blazor
@using Syncfusion.Blazor.Data
@using Syncfusion.Blazor.Grids
 
@* Enable AllowPaging to load the data on demand *@
 
<SfGrid TValue="Order" AllowPaging="true">
<SfDataManager Url="https://js.syncfusion.com/ejServices/Wcf/Northwind.svc/Orders" Adaptor="Adaptors.ODataAdaptor"></SfDataManager>
<GridColumns>
 
….

 

Reference

Please refer to our following documentation links for more information:

https://blazor.syncfusion.com/documentation/data/adaptors

https://blazor.syncfusion.com/documentation/datagrid/data-binding#remote-data

https://blazor.syncfusion.com/documentation/datagrid/custom-binding - CustomAdaptor

 

Demo

You can also get a sample demo from the link below:

https://blazor.syncfusion.com/demos/datagrid/remote-data?theme=bootstrap5

 

Conclusion

We hope you enjoyed learning how the load on demand features improves user experience in Blazor Grid.

You can refer to our Blazor DataGrid feature tour page to learn about its other groundbreaking features and documentation, and how to quickly get started with configuration specifications. You can also explore our Blazor DataGrid example to understand how to create and manipulate data.

For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.

If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please  to leave a comment
Access denied
Access denied