Сортировка сетки Kendo перестает работать после обновления

Question

Я получаю данные для источника данных ксендо-сетки, вызывая веб-API. Работа сортировки и фильтрации. Затем, когда я выбираю диапазон дат из выбора DatePicker/Range, я отправляю диапазон как объект на сервер, где я отключил диапазон дат, необходимый из исходного файла JSON, и вернул новый обрезанный объект json обратно в DataSource. Сетка заполняется данными правильно, но сортировка/фильтрация перестает работать. В чем может быть проблема и решение !? Благодаря!

Сетка:

var result = $("#grid") 
     .kendoGrid({ 
      dataSource: { 
       transport: { 
        read: { 
         url: "/api/GridData/GetCustomers", 
         dataType: "json" 
        } 
       }, 
       pageSize: 20 

      }, 

      height: 550, 
      filterable: true, 
      groupable: true, 
      sortable: true, 

      pageable: { 
       refresh: true, 
       pageSizes: true, 
       buttonCount: 5 
      }, 
      detailTemplate: kendo.template($("#template").html()), 
      detailInit: detailInit 
     }, 
     { 
      columns: [ 
       { field: "UniqueClientCode", title: "Уникальный код клиента" }, 
       { field: "ClientName", title: "Имя клиента" }, 
       { field: "ClientOKPO", title: "ОКПО клиента" }, 
       { field: "RegistrationDate", title: "Дата регистрации" }, 
       { field: "RemovalFromClientsDate", title: "Дата удаления из клиентов" } 
      ] 
     }) 
     .data("kendoGrid"); 

Как обновить сетку

function refreshDatePicker() { 


    // Create new object with date to pass it to API controller and refresh grid 

    var dateForDatePicker = new Object; 
    dateForDatePicker.startDate = start._oldText; 
    dateForDatePicker.endDate = end._oldText; 

    $.ajax({ 
     type: "POST", 
     data: dateForDatePicker, 
     url: "/api/GridData/postDate", 
     dataType: "json", 


     success: function (result) { 

      $("#grid").data("kendoGrid").dataSource = new kendo.data.DataSource({ data: result }); 
      $("#grid").data("kendoGrid").dataSource.read(); 
      $("#grid").data("kendoGrid").refresh(); 
     } 

    }); 
} 

    $("button").on("click", function() { 
      refreshDatePicker(); 
     alert("submit clicked"); 

     } 

); 

});

Answer 1

Используйте эту функцию, чтобы установить вручную DataSource для кендо Сетка

var dataSource = new kendo.data.DataSource({ 
     data: result 
}); 

var grid = $("#grid").data("kendoGrid"); 
grid.setDataSource(dataSource); 

См: http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#methods-setDataSource