[Solved] Aurelia Kendo UI Bridge List View Datasource url pass parameters to the service call

[genericuser]

I am New to aurelia and Kendo UI. I am trying to use Kendo UI list view. The code give in the docs is:

 

dataSource = new kendo.data.DataSource({
    transport: {
      read: {
        url: '//demos.telerik.com/kendo-ui/service/Products',
        dataType: 'jsonp'
      }
    },
    pageSize: 21
  });

 

I want to pass parameters in body for the url, is there any way to achieve it? I mean make a POST call to web api which is async.
Thanks in advance!

[Anton Dobrev]

Hi,

I am not familiar with the Aurelia bridge for Kendo UI, but using the Kendo UI data source component you may consider the following approaches.

You can use a custom function for the transport.read setting and make the request to the service as you'd like.

You can also use the jQuery AJAX (Kendo UI data source uses jQuery AJAX behind the scenes to make the request) settings to configure the request parameters and send them correctly to your service as explained here.

You can also use the transport.parameterMap to modify and adjust the parameters before the request is made.

I hope that this works for you.

Regards,
Anton Dobrev
Telerik