Wie wird refresh() auf einem Kendo-Gitter von einem Angular Controller aufgerufen?

Question

Ich versuche, mehrere Vorschläge zum Aktualisieren eines Kendo-Grids wie this zu folgen.

Das Wesentliche ist, dass in den HTML-Code ich habe:

<div kendo-grid="vm.webapiGrid" options="vm.mainGridOptions"> 

Dann im Controller ich habe:

vm.webapiGrid.refresh(); 

Hinweis: Ich verwende die ControllerAs Syntax so verwende ich „vm "anstatt $ Scope.

Mein Problem ist, dass "vm.webapiGrid" nicht definiert ist. Das scheint so einfach, aber ich bin mir nicht sicher, warum es nicht definiert ist.

Answer 1

Die Antwort gefunden. Ein anderes Verfahren zum Auffrischen der Datenquelle Ich las über war wie etwas zu tun:

vm.mainGridOptions.datasource.transport.read(); 

Dies war nicht für mich arbeiten als „gelesen“ wurde nicht definiert. Ein Blick auf meine Datenquelle Definition, sah ich den Grund, lesen Sie einen Parameter benötigt (in diesem Fall „e“):

vm.mainGridOptions = { 
     dataSource: { 
      transport: { 
       read: function (e) { 
        task.getAllTasks(vm.appContext.current.contextSetting). 
         then(function (data) { 
          e.success(data); 
         }); 
       }, 
      } 
     }, 

zu lösen, ich „e“ in meinem Umfang gespeichert und dann wieder verwendet, wenn ich wollte auffrischen:

vm.mainGridOptions = { 
     dataSource: { 
      transport: { 
       read: function (e) { 
        task.getAllTasks(vm.appContext.current.contextSetting). 
         then(function (data) { 
          e.success(data); 
          vm.optionCallback = e; 
         }); 
       }, 
      } 
     }, 

und dann:

if (vm.optionCallback !== undefined) { 
    vm.mainGridOptions.dataSource.transport.read(vm.optionCallback); 
} 

Problem gelöst (hoffe ich).

Answer 2

Fügen Sie dem Grid eine ID hinzu und versuchen Sie, es zu aktualisieren.

<div kendo-grid="vm.webapiGrid" options="vm.mainGridOptions" id="grid1"> 

In Controller verwenden diese:..

$ ("# grid1") Daten ('kendoGrid') refresh();

Answer 3

es ist, weil Sie die Optionen verwenden Objekt die Lese auszulösen, sollten Sie die Raster Referenz verwenden statt:

<div kendo-grid="vm.webapiGrid" options="vm.mainGridOptions"> 

wie in:

$scope.vm.webapiGrid.dataSource.transport.read(); 

Hoffnung, das hilft.