Shortcuts
manki kim
3 min read
PlutoGrid
has default shortcut keys set, and users can change or set shortcut keys.
Shortcut Range
The scope of the shortcut depends on the focus.
PlutoGrid
: In the state thatTextField
is not focused. You can set custom shortcut keys.TextField
: In case the cell in edit state orTextField
of column filtering is focused. You cannot set custom shortcut keys.
Customizable shortcuts in the PlutoGrid
range
- ArrowKeys: Moves the focus of the current cell up, down, left and right.
- Shift + ArrowKeys : Moves a cell or row up, down, left and right to select.
- PageUp/Down : Moves the focus of the current cell up and down by page unit.
- Shift + PageUp/Down : Moves cells or rows up and down and selects in units of pages.
- Alt + PageUp/Down : Moves the current page when pagination is enabled.
- Tab or Shift + Tab : Moves the focus of the current cell to the left or right.
If you hit the left and right ends, set
PlutoGridConfiguration.tabKeyAction
tomoveToNextOnEdge
to continue moving. - Enter or Shift + Enter : Sets the current cell to edit state or calls the
PlutoGrid.onSelected
callback ifPlutoGird
is in selection mode. Additional actions can be set withPlutoGridConfiguration.enterKeyAction
. - Escape: When
PlutoGird
is in selection mode,PlutoGrid.onSelected
is called withPlutoGridOnSelectedEvent
containing a null value which means cancel the selection. In the non-selection mode, the edit state of the cell is canceled. - Home or End: Moves the focus of the current cell to the left and right ends.
- Control + Home/End : Moves the focus of the current cell up and down.
- Shift + Home/End : Select cells all the way to the left or right.
- Control + Shift + Home/End : Select a cell or row all the way up, down, left, and right.
- F2 : Set the cell to the edit state. In case of date, time, or selection type column, the popup is called.
- F3 : If the current cell is in the focused state, the focus moves to the column filter of the current cell.
This function is valid only when column filter is enabled with
PlutoGridStateManager.setShowColumnFilter
. If theF3
key is pressed once again while the focus is moved to the column filter, the column filter pop-up is called. Also, if you press theEscape
key in the column filter focus, the focus is moved to the cell before moving. - F4 : Toggles column sorting. Only valid if
PlutoColumn.enableSorting
is enabled. - Control + C : Copies the values of the current cell or row or the selected cell or row to the clipboard.
- Control + V : Paste values into the current cell or row or the selected cell or row.
- Control + A : Select all cells or rows.
How to set custom shortcut keys
PlutoGrid(
configuration: PlutoGridConfiguration(
shortcut: PlutoGridShortcut(
actions: {
// This is a Map with basic shortcut keys and actions set.
...PlutoGridShortcut.defaultActions,
// You can override the enter key behavior as below.
LogicalKeySet(LogicalKeyboardKey.enter): CustomEnterKeyAction(),
},
),
),
);
// Create a new class that inherits from PlutoGridShortcutAction
// If the execute method is implemented,
// the implemented method is executed when the enter key is pressed.
class CustomEnterKeyAction extends PlutoGridShortcutAction {
@override
void execute({
required PlutoKeyManagerEvent keyEvent,
required PlutoGridStateManager stateManager,
}) {
print('Pressed enter key.');
}
}
If you have any questions or need to add features, please register on GitHub. PlutoGrid Github
0
Subscribe to my newsletter
Read articles from manki kim directly inside your inbox. Subscribe to the newsletter, and don't miss out.
Written by
manki kim
manki kim
I've mainly been doing backend web development. I also have a technology for web front-end, and recently I mainly develop Flutter packages.