Kendo Grid: Trigger Update kliknij na klawisz Enter, aby edytować wyskakujące okienka

Question

Używam siatki Kendo UI z edycją wyskakującą. Domyślnie, gdy użytkownik edytuje pole w edytorze podręcznym i uderza klawiszem Enter, dane są renderowane do siatki (za edytorem podręcznym), ale okienko pozostaje widoczne, a zdarzenie zapisu nie jest uruchamiane, dopóki nie klikniesz przycisku "Aktualizuj przycisk ".

Próbuję zmienić tę funkcjonalność, tak aby po naciśnięciu klawisza Enter podczas edytowania pola wywołałoby kliknięcie przycisku "Aktualizuj" - co oznacza, że ​​spowodowałoby wyświetlenie danych w siatce, zwolniłoby zdarzenie zapisu i zamknęło edytor podręczny.

Moja aktualna próba zamknie edytor wyskakujących okienek, ale nie wywoła zdarzenia składowania i cofnie zmiany wprowadzone w polach dla wybranego wiersza. Prawie jak przycisk anulowania został wywołany zamiast tego.

options.edit = function (e) { 
    $('.k-edit-field .k-input').on('keypress', function (e) { 
     utils.onEnter(e, function() { 
      $('.k-grid-update').trigger('click'); 
     }); 
    }); 
}; 

Jak mogę wyzwolić „update” kliknięcie przycisku, lub przynajmniej symulować, co robi?

Answer 1

nie byłem w stanie znaleźć sposobu kendo spowodować zmienionego pola do zabrudzenia, a następnie zostać zapisany, więc użyłem trochę jQuery i po prostu przesunięta ostrość z aktualizacją następnie aktywował zdarzenie click. Działa zgodnie z oczekiwaniami ...

options.edit = function (e) { 
    $('.k-edit-field .k-input').on('keypress', function (e) { 
     utils.onEnter(e, function() { 
      $('.k-grid-update').focus().trigger('click'); 

     }); 
    }); 
}; 

Answer 2

Proponuję użyć saveRow method, który zapisze bieżące dane i zamknie edytor PopUp.

np

$("#grid").data("kendoGrid").saveRow();