Slickgrid - Verlorener Fokus zum Beenden der Bearbeitung

Question

Wenn ich beim Bearbeiten meines Rasters außerhalb des Rasters klicke, ist die Box, die ich bearbeitet habe, noch editierbar. Wie bekomme ich die bearbeitete Zelle, um die Bearbeitung abzuschließen, wenn sie den Fokus verliert?

Answer 1

Der folgende Code speichert die aktuelle Bearbeitung.

Slick.GlobalEditorLock.commitCurrentEdit(); 

Sie müssen dies in einen Event-Handler einfügen, von dem Sie denken, dass er das Speichern auslösen sollte. Zum Beispiel, wenn Sie den Beispieltext Editor-Plugin verwenden, glaube ich, ein editor-text CSS-Klasse in das Eingabefeld hinzugefügt wird, die erstellt wird, wenn Sie mit der Bearbeitung einer Zelle so etwas wie dies funktionieren sollte:

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

Answer 2

I festgestellt, dass ich brauchte clav Handler in einem Timeout wickeln:

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

    window.setTimeout(function() { 

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

    }); 

}); 

Fehler zu vermeiden wie:

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

wenn mit der Tastatur zu navigieren. Vermutlich wird der neue Blur-Handler ausgelöst, bevor SlickGrid eine eigene Behandlung durchführen kann und dies Probleme verursacht.

Answer 3

Leider bricht die Version von Grame, wahrscheinlich aufgrund von Unterschieden in der Ereignisverarbeitung, die Tastaturnavigation in Chrom. Um dies zu beheben, habe ich erneut die Kontrolle nur das bearbeiten zu begehen, wenn die neu fokussierte Element nicht einen anderen Editor Element innerhalb des Gitters ist (als Ergebnis der Tastaturnavigation):

  $('#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(); 
        } 
       }); 
      }); 

Dies scheint in der aktuellen Arbeit Versionen von Firefox, Chrome und ie.