Where can I find the documentation of the DataManager and of the WebApiAdaptor for React?

[Laurin S]

Hi, I'm creating a Grid in React Typescript and I'm looking for the documentation about the DataManager and about the WebApiAdaptor for React.

I found the documenation about the DataManager for JavaScript, but it does not correspond perfectly to the React implementation of the React DataManager.

For the WebApiAdaptor I could not find any documenation.

Where can I find them?

Basically, I have this piece of code for a Grid Component and I need more options (or the documentation to look for further possibilities):

const data: DataManager = new DataManager({

    adaptor: new WebApiAdaptor(),

    url: "https://localhost:44340/api/tasks",

    crossDomain: true

  });

[Shalini Maragathavel]

Hi Laurin, 

Greetings from syncfusion support. 

Based on your query we suspect that you need a sample in react with WepApiAdaptor. For your convenience we have attached the sample and please download the sample from the below link 

Please refer the Code example for your reference  

FetchEmployee.tsx: 

 

export class FetchEmployee extends React.Component<RouteComponentProps<{}>, FetchEmployeeDataState> { 

    public pageOptions: PageSettingsModel = { pageSize: 100 } 

    constructor(props) { 

        super(props); 

    } 

    public onload(args: any) { 

        let dm: any = new DataManager({ 

            url: 'api/Orders', 

            adaptor: new WebApiAdaptor 

        }); 

        (this as any).grid.dataSource = dm; 

  } 

Please find the  below sample for more information. 

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/REACT-~4545998466.zip 

In this you also mentioned that do not find any documentation for the WebApiAdaptor with react. For your convenience we have attached the documentation and please refer the below document for more reference 

Documentation : https://ej2.syncfusion.com/react/documentation/grid/data-binding/#web-api

Please get back to us if you need further assistance with this. 

Regards, 

Shalini M.