How to bind remote data for an API of POST type

[Tuariq]

Team,

I went through documentation of binding remote data with syncfusion dropdownlist.

I have an existing api of post type (and not get as used in demo).

How to can I set the service url in that case along with post body?

Demo attached.

Attachment: remote_data_bind_8c9c171d.zip

[Tuariq]

Team,

Also which type of adapter to use?

I need to bind with a POST api accepting a body and returning a JSON data

Thanks

Tuariq

[Jeyanth Muthu Pratheeban Sankara Subramanian]

Hi Tuariq, 

Greetings from Syncfusion support. 

We have checked your query. We suggest you to use WebApi adaptor to achieve your requirement. Please find the sample below.


 

public data: DataManager = new DataManager({ 

    url: 'https://ej2services.syncfusion.com/production/web-services/api/Employees', 

    adaptor: new WebApiAdaptor, 

    crossDomain: true 

}); 

Sample Link       : https://stackblitz.com/edit/dropdownlist-remote-data?file=app.component.ts 

Kindly check the sample and get back to us if you need any further assistance on this. 

Regards, 

Jeyanth. 

[Tuariq]

Jeyanth,

Thanks for the response.

My problem was how to use a web api that is of POST method.

In the solution provided, the api used in demo is still of GET.

Could you please provide a sample of using POST method type API which accepts a request body in request?

Thanks

Tuariq

[Ponmani Murugaiyan]

Hi Tuariq, 

Thanks for the patience. 

We have prepared sample as per your requirement. Please find the frontend and backend sample below for your reference. 

Frontend sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Frontend724026137  

Backend sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebApplication1-1749573033  

Kindly check with the above sample. Please get back us if you need further assistance. 

Regards, 

Ponmani M