jqGrid: wie, um den Fokus verlieren, wenn ich Sie außerhalb des Gitters, oder anderswo für diese Angelegenheit

ich bin derzeit dabei Bearbeiten Sie mithilfe der inline-Bearbeitung, und wenn ich Sie außerhalb des Gitters, ist es immer noch unter "Bearbeiten". welche event-Handler sollte ich verwenden, um es rufen die Wiederherstellung Zeile-Funktion, so dass der einzige Weg die Daten tatsächlich an den server gesendet wird, wenn der Benutzer die EINGABETASTE drückt.

thx im Voraus

InformationsquelleAutor laurenceputra | 2011-03-22

3

Ich weiß nicht genau, wie Sie das auslösen der inline-edition. Ich benutze die ondblClickRow Veranstaltung der jqGrid, und war auch auf der Suche nach einem Weg zur Wiederherstellung der Zeile, wenn der Benutzer die input oder select (Bearbeiten) element.

Ich finde es umständlich, den überblick zu behalten zuletzt ausgewählten element, und überprüfen Sie auf jeder, klicken Sie auf weitere Elemente. So, ich denke, ein bequemer Weg ist, um befestigen Sie die restoreRow trigger, um die blur Veranstaltung der input oder select element derzeit bearbeitet wird, etwa so:
```
ondblClickRow: function(rowid, iRow, iCol, e) {
  grid.jqGrid('editRow', rowid, true);
  $("input, select", e.target).focus().blur(function() {
    grid.jqGrid('restoreRow', rowid);
  });
  return;
}
```
Diese Weise die Zeile wiederhergestellt wird, wenn der Benutzer verlässt das edition-Feld, ohne die EINGABETASTE drücken.

Dieser Ansatz funktioniert gut für mich, hoffe, es hilft jemand anderem zu.
- Keine Ahnung, wie zu erfassen, wiederherstellen Zeile Ereignis auf die enter-Taste drücken.
- Ich verstehe nicht ganz die Frage. Möchten Sie abfangen die restoreRow Ereignis nach enter-Tastendruck? Oder wollen Sie trigger die restoreRow Veranstaltung auf enter drücken?
- Ich will sparen bearbeiteten Daten auf die enter-Taste drücken. Aber ich bin nicht mit 'saveRow'. Also, Eigentlich brauche ich zu erfassen Rückruf von "editRow"
- Was meinst du mit "capture"? Ist es überschreiben? Oder trigger? Oder verhindern von feuern? Vielleicht fügen Sie diese zu Ihrem colModel ist, was Sie suchen: editoptions: { dataEvents: [ { type: 'keypress', fn: function(e) { if ((e.keyCode || e.which) == 13) {/* your code here */} } } ] }
- Für die inline-Bearbeiten der onSelectRow Ereignis kann verwendet werden, aber wenn setSelection verwendet wird, e, ist nicht definiert.
InformationsquelleAutor ahpoblete
2

Jedenfalls habe ich herausgefunden, wie man es schon. Dachte nur, gut sein könnte, lassen Sie es irgendwo online als ich verschwendet viel Zeit herauszufinden, wie es zu tun. Hoffe es hilft =)
```
$(document).click(function(e){
    if(e.target.id != lastSelectRoot+"_FieldName"){
        jQuery('#grid').jqGrid('restoreRow',lastSelectRoot);
        lastSelectRoot = null;
    }
});
```
Nur hinzufügen, dass dieses Stück code irgendwo und ändern Sie die entsprechenden Teile, wie Feldname und lastSelectRoot und #grid zu dem, was Sie bereits verwenden.

InformationsquelleAutor laurenceputra

Da das Hauptproblem ist, dass Sie möchten, den Fokus zu verlieren, wenn Sie auf außerhalb des Gitters, die ich schrieb, diese Funktion zu deaktivieren Sie die Zelle nur, wenn das Netz nicht hat() das angeklickte element:

$(document).click(function(e) {
    e.preventDefault();
    //gets the element where the click event happened
    var clickedElement = e.target;      
    //if the click event happened outside the grid 
    if($("#myGridId").has(clickedElement).size() < 1){
        //unselect the grid row
        $("#myGridId").jqGrid("editCell", 0, 0, false);
    }
});

size() ist nun abgeschrieben und nicht in den letzten Versionen verwenden Länge statt. finden. auch die Verwendung length == 0 statt size() < 1

InformationsquelleAutor Mauricio Reis

1

Diese Lösung ist für mich zu arbeiten und sieht einfacher als die anderen Optionen. Ist generisch und benötigt keine Globale variable.
```
$(document).on('focusout', '[role="gridcell"] *', function() {
    $("#mygrid").jqGrid('editCell', 0, 0, false);
});
```
Lösungen basierend auf $(document).auf('click') haben eine mögliche Schwachstelle. Einige Komponenten wie select2 nicht vermehrt das click-Ereignis, um das Dokument, so dass es scheitern wird, wenn Sie auf Ihrer Seite und es angeklickt wird (das war mein Fall).

InformationsquelleAutor morgar
0

Sogar ich Stand vor dem gleichen Problem bei der Arbeit mit inline-editing.Ich habe für einen workaround.Ich wissen noch nicht, noch, ob es ein Recht ist, eine Lösung.

Wenn ich Zeilen Bearbeiten, habe ich mit dieser Art
```
var lastSel;

//In grid I am using some thing like this for editing
    ondblClickRow: function(rowId, iRow, iCol, e){
//initially I am saving my prev row selected for editing and then editing the selected row.

        if(rowId && rowId!==lastSel){ //lastSel is a global variable
            jQuery(this).saveRow(lastSel); 
            lastSel=rowId; 
         }        
        $(this).jqGrid('resetSelection');   
        $(this).jqGrid('editRow', rowId, true, null, null, 'clientArray');


    }
```
wenn ich wollte, um das senden der Daten zum server zu aktualisieren, verwende ich die nach der Anweisung in meiner ersten Zeile und sendet dann das senden der Daten an den server.
```
$(gridId).saveRow(lastSel);//where lastSel is the global variable I have selected.
```
Hoffe, das gibt Ihnen eine Vorstellung, wie zu tun, Ihr problem zu lösen.
BTW ich habe nur eine Zeile bearbeitet werden kann, an jedem Punkt der Zeit.
- uh, ich dun ganz verstehen, was du meinst. ich kann tun, inline-Bearbeitung schon. was ich tun möchte, ist, dass, wenn ich Sie außerhalb des Gitters, wird er rufen Sie die Zeile-Funktion wiederherstellen
- ya ich weiß, dass Sie Taten, inline-editing.Die Sache hier ist, dass anstelle der Erfassung blur-Ereignis auf,speichern Sie die Zeile, die Sie ausgewählt haben für die Bearbeitung.Nach dem code, den ich geschrieben habe, an jedem Punkt der Zeit habe ich eine Zeilen-id, die war für die Bearbeitung geöffnet.Mein Vorschlag hier ist, dass, bevor Sie führen Sie keine anderen Vorgänge im Zusammenhang mit der grid speichern Sie die Zeile, die Sie geöffnet haben, für die Bearbeitung und gehen Sie mit Ihren anderen Operationen.BTW ich habe verwendet saveRow() für meine Anforderung, die Sie verwenden können restoreRow() für Sie Voraussetzung.
InformationsquelleAutor Patton

Im tryed paar verschiedene Varianten. Basierend auf Mauricio Reis ' code ich schrieb meine eigenen.

var lastSel = -1;

$("#mygrid").jqGrid({
    ...
    beforeSelectRow: function(rowid) {
        if (rowid !== lastSel) {
            lastSel = rowid;
            $("#mygrid").jqGrid('restoreRow',lastSel); //cancel edit
        }
        return true;
    },
    onCellSelect: function(rowId,iCol,cellcontent,e) {
        if(iCol == 1 || iCol == 2) //editable columns
            sgrid.jqGrid('editRow', rowId, true);
    },
    ...
});
...
$(document).click(function(e) {
    if(sgrid.has(e.target).size() < 1)
        $("#mygrid").jqGrid('restoreRow',lastSel); //cancel edit
});

Wenn man sparen will Zeile stattdessen brechen Sie die Eingabe legen Sie einfach

$("#mygrid").jqGrid('saveRow', lastSel); //save row

statt

$("#mygrid").jqGrid('restoreRow',lastSel); //cancel edit

InformationsquelleAutor Yuri Sitnikov

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.