Example of Remote Data in React Kanban Component

All Controls
/
Kanban
/
RemoteData

This sample demonstrates the way of data binding to Kanban component using remote service. The data source of Kanban is fetched from remote service using DataManager.

More Details...

Loading....
Description

The Kanban supports data binding using the dataSource property that can be assigned with the instance of DataManager to bind remote data.

The DataManager, which acts as an interface between the service endpoint and the Kanban will require the below minimal information to interact with service endpoint properly.

  • DataManager -> url: Defines the service endpoint to fetch the data.
  • DataManager -> adaptor: Defines the adaptor option. By default, ODataAdaptor is used for remote binding.

The adaptor is responsible for processing response and request from/to the service endpoint. @syncfusion/ej2-data package provides some predefined adaptors which are designed to interact with particular service endpoints. They are:

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

In this demo, remote data is bound by assigning service data as an instance of DataManager to the dataSource property.