Navigation clavier

Modele de focus

Le canvas de la grille doit avoir le focus DOM pour recevoir les evenements clavier. Cliquez sur le canvas ou utilisez la navigation par tabulation pour lui donner le focus.

Raccourcis de navigation

RaccourciAction
Touches directionnellesDeplacer la selection d'une cellule
Shift + FlecheEtendre la selection dans cette direction
EntreeCommencer l'edition de la cellule selectionnee
EchapAnnuler l'edition ou effacer la selection
Ctrl+ZAnnuler
Ctrl+YRetablir
Ctrl+CCopier la selection
Ctrl+XCouper la selection
Ctrl+VColler a l'ancre de selection
Ctrl+FOuvrir la barre de recherche

Commande MoveSelection

Les appuis sur les touches directionnelles se traduisent en MoveSelection :

state.apply(GridCommand::MoveSelection {
    delta_row: -1,  // vers le haut
    delta_col: 0,
    extend: false,  // true si Shift est maintenu
});
Touchedelta_rowdelta_col
Haut-10
Bas+10
Gauche0-1
Droite0+1

Lorsque extend vaut true, l'ancre reste fixe et seul le focus se deplace, ce qui etend la plage selectionnee.

Edition au clavier

  1. Entree ou double-clicStartEdit
  2. Saisir la nouvelle valeur
  3. EntreeCommitEdit
  4. EchapCancelEdit

Gestion des evenements

La couche web (rs-grid-web) ecoute les evenements keydown sur le canvas et les convertit en valeurs GridCommand. Le comportement par defaut du navigateur est empeche pour les touches gerees, afin d'eviter le defilement ou d'autres actions indesirables.