Kendo Grid - Wie erinnert man sich an ausgewählte Zeile?

Question

http://dojo.telerik.com/eWakO Kendo Grid - hier, wie soll ich den obigen Code ändern, um mich an die ausgewählte Zeile zu erinnern? Beispiel: Wenn ich die 4. Zeile auf der 1. Seite markiert habe und dann zu den Seiten blättert und zur 1. Seite zurückkomme, sollte die 4. Zeile hervorgehoben werden.

Dank Datha

Answer 1

Hier ist ein Beispiel aus der Dokumentation:

http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Selection/persist-row-selection-while-paging

es auf dem change und dataBound Ereignisse verlässt sich durch ihre IDs ausgewählten Zeilen zu speichern und wiederherzustellen.

<div id="grid"></div> 

<script> 

    $(function() { 

    var selectedOrders = []; 
    var idField = "OrderID"; 

    $("#grid").kendoGrid({ 
     dataSource: { 
     type: "odata", 
     transport: { 
      read: "http://demos.kendoui.com/service/Northwind.svc/Orders" 
     }, 
     schema: { 
      model: { 
      id: "OrderID", 
      fields: { 
       OrderID: { type: "number" }, 
       Freight: { type: "number" }, 
       ShipName: { type: "string" }, 
       OrderDate: { type: "date" }, 
       ShipCity: { type: "string" } 
      } 
      } 
     }, 
     pageSize: 10, 
     serverPaging: true, 
     serverFiltering: true, 
     serverSorting: true 
     }, 
     height: 400, 
     selectable: "multiple", 
     pageable: { 
     buttonCount: 5 
     }, 
     sortable: true, 
     filterable: true, 
     navigatable: true, 
     columns: [ 
     { 
      field: "ShipCountry", 
      title: "Ship Country", 
      width: 300 
     }, 
     { 
      field: "Freight", 
      width: 300 
     }, 
     { 
      field: "OrderDate", 
      title: "Order Date", 
      format: "{0:dd/MM/yyyy}" 
     } 
     ], 
     change: function (e, args) { 
     var grid = e.sender; 
     var items = grid.items(); 
     items.each(function (idx, row) { 
      var idValue = grid.dataItem(row).get(idField); 
      if (row.className.indexOf("k-state-selected") >= 0) { 
       selectedOrders[idValue] = true; 
      } else if (selectedOrders[idValue]) { 
       delete selectedOrders[idValue]; 
      } 
     }); 
     }, 
     dataBound: function (e) { 
     var grid = e.sender; 
     var items = grid.items(); 
     var itemsToSelect = []; 
     items.each(function (idx, row) { 
      var dataItem = grid.dataItem(row); 
      if (selectedOrders[dataItem[idField]]) { 
      itemsToSelect.push(row); 
      } 
     }); 

     e.sender.select(itemsToSelect); 
     } 
    }); 
    }); 
</script>