Slickgrid - utrata ostrości do końca edycja

Question

Podczas edycji siatki, jeśli kliknę poza siatką, pole, które edytowałem, będzie nadal edytowalne. Jak zmusić edytowaną komórkę do "ukończenia" edycji, gdy traci ostrość?

Answer 1

Poniższy kod zapisze bieżącą zmianę.

Slick.GlobalEditorLock.commitCurrentEdit(); 

Musisz umieścić to wewnątrz programu obsługi zdarzeń, który Twoim zdaniem powinien wywołać zapis. Na przykład, jeśli używasz wtyczki edytora tekstu przykładowego, wierzę klasa editor-text CSS jest dodawany do pola wprowadzania, który jest tworzony podczas edytowania komórki więc coś jak to powinno działać:

$('#myGrid').on('blur', 'input.editor-text', function() { 
    Slick.GlobalEditorLock.commitCurrentEdit(); 
}); 

Answer 2

I stwierdzono, że musiałem zawijać obsługi Clav w timeout:

$("#myGrid").on('blur', 'input.editor-text', function() { 

    window.setTimeout(function() { 

     if (Slick.GlobalEditorLock.isActive()) 
      Slick.GlobalEditorLock.commitCurrentEdit(); 

    }); 

}); 

aby uniknąć błędów takich jak:

Uncaught NotFoundError: An attempt was made to reference a Node in a context where it does not exist. 

podczas korzystania z klawiatury do nawigacji. Prawdopodobnie nowy menedżer rozmycia zostanie uruchomiony, zanim SlickGrid będzie mógł sam sobie poradzić i to spowoduje problemy.

Answer 3

Niestety, prawdopodobnie z powodu różnic w przetwarzaniu zdarzeń, wersja Grame łamie nawigację po klawiaturze w chrome. Aby rozwiązać ten problem, dodałem kolejny czek tylko popełnienia zmienił, jeśli nowo koncentruje element nie jest kolejnym elementem redaktor w sieci (w wyniku nawigacji klawiatury):

  $('#grid').on('blur.editorFocusLost', 'input.editor-text', function() { 
       window.setTimeout(function() { 
        var focusedEditor = $("#grid :focus"); 
        if (focusedEditor.length == 0 && Slick.GlobalEditorLock.isActive()) { 
         Slick.GlobalEditorLock.commitCurrentEdit(); 
        } 
       }); 
      }); 

To wydaje się działać w prądzie wersje firefox, chrome i ie.