Example of Remote Data in Blazor ListView Component

ListView / Remote Data

This sample demonstrates the remote data functionalities of the ListView component. Click any item from the list to select and highlight it.

Products

The DataManager that acts as an interface between the service endpoint and ListView will require the following minimal information to interact with the service endpoint properly.

DataManager.Url - Defines the service endpoint to fetch the data.

DataManager.Adaptor - Defines the adaptor option. By default, the ODataAdaptor is used for remote binding.

The Adaptor is responsible for processing responses and requests from/to the service endpoint. Syncfusion.Blazor.Data namespace provides some predefined adaptors that are designed to interact with the particular service endpoints. They are:

  • UrlAdaptor - Used to interact with any remote services. This is the base adaptor for all remote-based adaptors.
  • ODataAdaptor - Used to interact with OData endpoints.
  • ODataV4Adaptor - Used to interact with OData V4 endpoints.
  • WebApiAdaptor - Used to interact with Web API created under OData standards.
  • WebMethodAdaptor - Used to interact with web methods.

In this sample, the remote data is bound to be a collection of Products data as an instance of DataManager.

More information about the data binding feature can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE