jqGrid - Zeilen Navigieren mit den hoch/runter Pfeil-Tasten?

Ist es möglich, die Navigation zwischen den Zeilen mit den Up und Down Pfeiltasten?

Zum Beispiel, wenn die erste Zeile im grid ausgewählt ist und der Benutzer drückt nach "unten", ich möchte das raster deaktivieren Sie die Zeile, und wählen Sie die nächste Zeile nach unten im raster.

Gibt es eine post in das jqGrid Foren über dieses an http://www.trirand.com/blog/?page_id=393/help/navigate-arraw-keys/, aber die Aktivierung der Zelle Bearbeiten-Modus ist keine Lösung für mich, wie es wird dazu führen, viele andere unerwünschte Netz-Verhalten.

InformationsquelleAutor Justin Ethier | 2010-01-07

12

Tastatur-navigation wurde endlich Hinzugefügt jqGrid ab version 4.0.

Um loszulegen, gehen Sie auf die Demo-Seite und navigieren Sie zu Functionality | Keyboard navigation.

Den folgenden code binden Sie die oben - /unten-Pfeiltasten:
```
jQuery("#keynav").jqGrid('bindKeys');
```
Aber, wie die demo zeigt, können Sie die pass-Optionen zum binden von anderen Tasten als gut:
```
//Bind the navigation and set the onEnter event
jQuery("#keynav").jqGrid('bindKeys', {
       "onEnter" : function( rowid ) { 
                     alert("You enter a row with id:"+rowid)
       }
});
```
Weitere Informationen entnehmen Sie bitte der bindKeys Methode im Dokumentations-wiki.
- diese haben den Nachteil, funktioniert nicht mit multiselect
- Ich würde gerne wissen, follow-up-Frage, ich habe versucht, wählen Sie die erste Zeile an raster Abschluss, aber es nicht sofort erlauben die navigation mit der Tastatur.
- Das raster muss den Fokus haben, bevor die navigation mit der Tastatur arbeiten.
InformationsquelleAutor Justin Ethier
5
```
$(document).keypress(function(e) {

if(e.keyCode == 40) { //down arrow
 $('#nextElementId').click();
}
if(e.keyCode == 38 { //up arrow
 $('#previousElementId'.click();
}

});
```
- Hmmm... Das ist ein guter Anfang, aber dieser code geht davon gibt es nur ein einziges Netz auf die Seite, und dass kann ich einfach die ID ' s für jede Zeile in der Reihenfolge in der Sie angezeigt werden.
- Ich verwendet die ID als eine Vereinfachung. Die ausgewählten 'tr' hat die Klasse ui-state-highlight, mit diesem können Sie den nächsten oder vorherigen Zeile. Sie können binden Sie das keypress-Ereignis in der Tabelle anstelle von "Dokument", auf diese Weise sollten Sie nicht haben problem mit mehr als einem grid.
- Offensichtlich sollten nicht nur das kopieren und einfügen von code. Diese Antwort zeigt Euch das Konzept hinter der Umgang mit einem Tastendruck und ist vollkommen gültig. Fast jede Antwort auf SO ist ein guter start!
InformationsquelleAutor Daniel Moura

Dies wird nur funktionieren, wenn Sie ein raster auf dem Bildschirm, da setzt es die document-level-up - /down-Tasten, aber es ist ein Anfang.

        $(document).keypress(function(e)
        {
            if(e.keyCode == 38 || e.keyCode == 40)  //up/down arrow override
            {
                var gridArr = $('#GridID').getDataIDs();
                var selrow = $('#GridID').getGridParam("selrow");
                var curr_index = 0;
                for(var i = 0; i < gridArr.length; i++)
                {
                    if(gridArr[i]==selrow)
                        curr_index = i;
                }

                if(e.keyCode == 38) //up
                {
                    if((curr_index-1)>=0)
                        $('#GridID').resetSelection().setSelection(gridArr[curr_index-1],true);
                }
                if(e.keyCode == 40) //down
                {
                    if((curr_index+1)<gridArr.length)
                        $('#GridID').resetSelection().setSelection(gridArr[curr_index+1],true);
                }
            }

        });

InformationsquelleAutor Jonesy

0

Dazu verwenden
```
jQuery("#myGrid").jqGrid('bindKeys');
```
Wird dies jedoch nicht funktionieren, wenn das Gitter hat eine .disableSelection() befestigt, um es. jquery deaktivieren Sie die Auswahl beendet die Auswahl von text-Inhalte in einem Objekt, so dass, wenn diese angewendet wird, um ein raster, kann der Benutzer nicht auswählen, text in Tabelle und kopieren ihn in die Zwischenablage.

InformationsquelleAutor Justin Levene

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.