We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Blazor Grid - Load Data on Demand

Platform: Blazor |
Control: Grid |
Published Date: February 15, 2021 |
Last Revised Date: February 18, 2021

 Blazor Grid’s 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 namely (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 on demand loading concept to fetch data from 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 remote data source, we 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 UG documentation links too:   

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 below link:

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

 

Conclusion

I hope you enjoyed learning about how to load data on demand in the Blazor Grid.

You can refer to our Blazor Grid’s feature tour page to know about its other groundbreaking feature representations and find the Blazor Grid quick getting started guide for configuration specifications. You can also explore our Blazor Grid example to understand how to present and manipulate data.  

For current customers, you can check out our Blazor 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 Blazor Grid and other Blazor components.

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

 

ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon