Kendo Grid Sortierung funktioniert nicht mehr nach Aktualisierung

Question

Ich bekomme Daten für die Kendo-Grid DataSource durch Aufruf von Web-API. Das Sortieren und Filtern funktioniert. Dann, nachdem ich einen Datumsbereich aus der DatePicker/Range-Auswahl gewählt habe, sende ich den Bereich als Objekt an den Server, wo ich den benötigten Datumsbereich von einer ursprünglichen JSON-Datei abschneide und ein neues zugeschnittenes JSON-Objekt zurück an DataSource zurücksende. Das Gitter wird von den Daten korrekt ausgefüllt, aber die Sortierung/Filterung funktioniert nicht mehr. Was kann das Problem und die Lösung sein? Vielen Dank!

Das Raster:

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"); 

Wie ich das Gitter

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"); 

     } 

); 

}) aktualisieren;

Answer 1

verwenden, um manuell eingestellt datasource Grid kendo

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

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

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