Stoppen Sie jqGrid Zeile 'aktiviert', wenn geklickt wird, während noch die Erhaltung der Bearbeitung

Habe ich ein jqGrid mit drei Spalten. Eine der Spalten, die für die Zelle Bearbeiten, etwa so:

$('#myGrid').jqGrid({
    ...
    editUrl: 'clientArray',
    cellEdit: true,
    cellsubmit: 'clientArray',
    colModel: [
        {name: 'Col1'},
        {name: 'Col2'},
        {
             name: 'Col3',
             editable: true,
             editrules: {required: true, number: true}
         }
    ]
});

Wenn der Benutzer klickt auf eine Zelle in der Dritten Spalte wird dann der editor erscheint automatisch. Allerdings, wenn der Benutzer klickt auf eine Zeile, die Zeile wird markiert ('selected'). Ist es möglich, deaktivieren Sie diese hervorheben, während immer noch so dass der editor für die Zelle angezeigt werden soll, wenn der Benutzer klickt auf eine Zelle in der Spalte bearbeitbar?

Habe ich versucht,

$('#myGrid').jqGrid({
    ...
    beforeSelectRow: function() { return false; }
})

...aber dies deaktiviert die Bearbeitung sowie die Auswahl von einer Zeile.

InformationsquelleAutor FixMaker | 2012-11-21
  1. 1

    Du kein code gepostet, die zeigen wie Sie umgesetzt inline-editing. Es gibt viele unterschiedliche Implementierungen, die verwendet inline-editing. Die meisten typischen sind

    • beginnen Sie mit der Bearbeitung der Zeile wählen Sie speichern durch drücken der Taste Enter, Auswahl eines anderen Linie folgt das verwerfen von änderungen, die in früheren noch nicht gespeicherten Zeile
    • beginnen Sie mit der Bearbeitung der Zeile wählen Sie speichern durch drücken der Taste Enter, Auswahl eines anderen Linie folgt silent abspeichern von änderungen im bisherigen noch nicht gespeicherten Zeile
    • starten die Bearbeitung über einen Doppelklick auf die Zeile, speichern durch drücken der Taste Enter, Auswahl eines anderen Linie folgt das verwerfen von änderungen, die in früheren noch nicht gespeicherten Zeile
    • starten die Bearbeitung über einen Doppelklick auf die Zeile, speichern durch drücken der Taste Enter, Auswahl eines anderen Linie folgt silent abspeichern von änderungen im bisherigen noch nicht gespeicherten Zeile
    • Nutzung der zusätzlichen Spalte formatter: "actions"
    • Nutzung von inlineNav Methode
    • ...

    Wenn Sie zum Beispiel die erste version der oben genannten Liste, und Sie wollen nicht zu haben, jede Zeile können Sie die Auswahl verschieben Sie den code aus onSelectRow zu beforeSelectRow.

    Die demo zeigen, die von der möglichen Implementierungen:

    beforeSelectRow: function (rowid) {
    var $this = $(this),
        editingRowId = $this.jqGrid("getGridParam", "editingRowId"),
        setEditingRowId = function (newId) {
            $this.jqGrid("setGridParam", {editingRowId: newId});
        };

    if (rowid !== editingRowId) {
        if (editingRowId !== undefined) {
            $this.jqGrid("restoreRow", editingRowId);
        }
        $this.jqGrid("editRow", rowid, {
            keys: true,
            oneditfunc: function (id) {
                setEditingRowId(id);
            },
            aftersavefunc: function () {
                setEditingRowId();
            },
            afterrestorefunc: function () {
                setEditingRowId();
            }
        });
    }

    return false;
}

    AKTUALISIERT: Die entsprechende Umsetzung ist schwieriger, wenn Sie verwenden möchten der Zelle Bearbeiten-Modus. Dennoch ist es möglich, sollten Sie folgt meist die Ideen aus die Antwort. Die demo zeigen, die Teil des Codes, die Sie benötigen. Es gibt noch keine Tastatur verbindlich.

    beforeSelectRow: function (rowid, e) {
    var $this = $(this),
        $td = $(e.target).closest("td"),
        $tr = $td.closest("tr.jqgrow"),
        iRow, iCol;

    if ($tr.length > 0) {
        iRow = $tr[0].rowIndex;
        iCol = $.jgrid.getCellIndex($td[0]);
        $this.jqGrid('setGridParam', {cellEdit: true});
        $this.jqGrid('editCell', iRow, iCol, true);
        $this.jqGrid('setGridParam', {cellEdit: false});
    }

    return false;
}
    • Entschuldigt, wenn ich war nicht klar genug. Ich habe über drei Spalten aber nur einer von Ihnen bearbeitbar ist. Ich werde zu aktualisieren, die Frage zu reflektieren.
    • Sie schrieb: "inline-editing", aber dein code zeigt, dass Sie verwenden cellEdit: true. Es ist Zelle Bearbeiten. jqGrid Unterstützung der drei Bearbeiten-Modi. Alle Werke, die in absolut anderen Weg,. Wenn Sie die Zelle Bearbeiten, dann Fragen Sie jetzt völlig neue Frage. Man kann Sie implementieren das Verhalten, welches Sie brauchen, aber Sie haben zu entfernen cellEdit: true - und call - editCell manuell innerhalb von beforeSelectRow Rückruf. Ich hoffe, dass der code von die Antwort wird Ihnen helfen, diese auch umzusetzen.
    • Danke für die Klarstellung auf meine Missverständnisse aus dem jargon. Ich bin gerade erst angefangen zu benutzen, jqGrid und finden Sie die Dokumentation schwer zu navigieren manchmal. Ich werde löschen Sie den Verweis zu "inline-editing". Gibt es eine Möglichkeit, dass ich anrufen kann editCell manuell nur, wenn der Benutzer klickt auf diese Zelle in der Zeile mit?
    • Oleg, deine Lösung ist Super, allerdings sehe ich ein problem, weil Sie "enter" oder "escape" erlaubt es uns nicht, die Ausfahrt aus der Ausgabe. Hätten Sie eine Lösung für dass?
    • Sorry, aber die Antwort ist wirklich sehr alt. Ich entwickeln free jqGrid Gabel seit Ende 2014. Ich machte viele kleine änderungen im code behoben viele Fehler und wurden viele neue features umgesetzt. Das Standard-Verhalten von der Zelle Bearbeiten in freier jqGrid: wählen Sie nicht die Zeile über der Zelle Bearbeiten. Wenn es ist nicht erforderlich, dann kann man dies durch Aufruf von setSelection innerhalb von beforeEditCell Rückruf. In anderen Worten, Sie brauchen nicht, nichts zu tun, wenn Sie URLs beschrieben hier.
    InformationsquelleAutor Oleg
Schreibe einen Kommentar