Blazor DataGrid Example - Flexible Data Binding
Order ID | Customer ID | Freight | Ship City |
|---|
| No records to display |
Properties
Service
:
|
Payload Information
Service URL : https://blazor.syncfusion.com/services/development/odata/gridodatav4service
Adaptor Type : ODataV4Adaptor
This sample demonstrates flexible data binding in the Blazor DataGrid using various remote services.
The Blazor DataGrid supports flexible data binding through the SfDataManager component, which acts as an interface between remote data services and the DataGrid.
The SfDataManager requires the following configuration to interact with service endpoints:
SfDataManager->Url- Specifies the service endpoint for retrieving dataSfDataManager->Adaptor- Defines the adaptor type to process requests and responses
The adaptor processes communication between the service endpoint and DataGrid. The Syncfusion.Blazor.Data package provides predefined adaptors:
- UrlAdaptor - Interacts with any remote service (base adaptor for all remote adaptors)
- ODataV4Adaptor - Interacts with OData V4 endpoints
- WebApiAdaptor - Interacts with Web APIs following OData standards
This demo uses ODataV4Adaptor for connecting to OData services. You can dynamically change the DataGrid's datasource by:
- Selecting a different URL from the Service dropdown to update the data source
- Enabling or disabling paging using the Paging checkbox (when paging is disabled, virtualization is enabled for smooth rendering)
- Viewing the connected service and corresponding adaptor information in the Payload Information section
For more information about data binding, refer to the data binding documentation.