Kendo UI Vue, Sorting always null on API (DataSourceRequest)

[Chrismayana]

Hi,

I'm new on the Kendo UI for Vue, 

I Have some difficulty when working on in sorting, for some reason the sorting model value always null, I'm using DataSourceRequest model.

API 

[HttpGet("grid")]
public IActionResult ListGrid([DataSourceRequest] DataSourceRequest request) {
  // My code here
 }

 

Vue

<kendo-datasource ref="datasource1"
                           :transport-read-url="'/api/service/grid'"
                           :transport-read-data-type="'json'"
                           :server-paging="true"
                           :page-size="2"
                           :schema-data="'data'"
                           :schema-total="'total'"
                           :server-filtering="true"
                           :server-sorting="true">
         </kendo-datasource>

         <kendo-grid ref="grid"
                     :data-source-ref="'datasource1'"
                     :pageable='true'
                     :sortable="true"
                     :filterable="true"
                     :sortable-mode="'multiple'"
                     :sortable-allow-unsort="true"
                     :sortable-show-indexes="true">
             <kendo-grid-column title="Name" field="name"
                                :filter-search="true"></kendo-grid-column>
             <kendo-grid-column title="Description"></kendo-grid-column>
             <kendo-grid-column title="Users" field="relatedUser"></kendo-grid-column>
             <kendo-grid-column title="Active" field="isActive"
                                :template="activeTemplate"></kendo-grid-column>
             <kendo-grid-column :template="editbutton" :width="80"></kendo-grid-column>
         </kendo-grid>

 

Please help me,

Best Regards

 

[Plamen]

Hi,

I am currently working on a sample and will share it in this thread when it is ready.

Regards,
Plamen
Progress Telerik

[Plamen]

Hello,

I am attaching an example how to use Kendo Vue Wrapper Grid with server filtering and sorting with DataSourceRequest in ASP.Net Core application.

The important part here is to have the  :type="'aspnetmvc-ajax'" and the 'kendo.aspnetmvc.min.js' script included together with the Kendo scripts so that the request is passed correctly to the server.

Hope this information will be helpful.

Regards,
Plamen
Progress Telerik