Jak wywołać funkcję refresh() na kendo-grid z kontrolera Angular?

Question

Próbuję wykonać kilka sugestii dotyczących odświeżania siatki kendo, takiej jak this.

Istotnym jest, że w html mam:

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

Następnie w kontroler mam:

vm.webapiGrid.refresh(); 

Uwaga: używam składni ControllerAs więc używam „VM "zamiast dolnego zakresu.

Mój problem polega na tym, że "vm.webapiGrid" jest niezdefiniowane. Wydaje się to tak proste, ale nie jestem pewien, dlaczego jest nieokreślony.

Answer 1

Znaleziono odpowiedź. Jedna inna metoda orzeźwiające źródło danych Czytałem o to, aby zrobić coś takiego:

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

To nie działa na mnie jak „czytać” był nieokreślony. Patrząc na mojej definicji źródła danych, widziałem powodu, czytać potrzebuje parametru (w tym przypadku „e”):

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

Aby rozwiązać, uratowałem „e” w moim zasięgu, a następnie ponownego wykorzystania go, gdy chciałem odświeżania:

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

a następnie:

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

problem rozwiązany (mam nadzieję).

Answer 2

Dodaj identyfikator do siatki i próbuj odświeżać, używając go.

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

W użyciu kontrolera to:..

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

Answer 3

to dlatego, że używasz opcji sprzeciwiają się wyzwolić odczytu, należy użyć siatki odniesienia Zamiast:

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

na przykład:

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

nadzieję, że pomoże.