@openui5/sap.m
Version:
OpenUI5 UI Library sap.m
275 lines (274 loc) • 11.8 kB
text/xml
<interaction-documentation
xmlns="http://schemas.sap.com/sapui5/extension/sap.ui.core.InteractionDocumentation/1"
library="sap.m">
<control-interactions>
<control name="sap.m.Page">
<defaultLabel>Global Shortcuts</defaultLabel>
</control>
</control-interactions>
<control-interactions>
<control name="sap.m.Table"></control>
<interaction>
<kbd>ArrowUp</kbd>
<kbd>ArrowDown</kbd>
<kbd>ArrowRight</kbd>
<kbd>ArrowLeft</kbd>
<description>
<p>Moves the focus to the next cell within the same column or row in the respective directions.</p>
<p><kbd>ArrowUp</kbd></p>
<p>If the focus is on the first row, the focus moves to the column header row.</p>
<p>If the focus is on a cell of the first row, the focus moves to the related column header.</p>
<p><kbd>ArrowDown</kbd></p>
<p>If the focus is on the <span class="uicontrol">Select All</span> or the <span class="uicontrol">Clear All</span>
checkbox, the focus moves to the row selector in the first visible row.</p>
<p>If the focus is on the column header row, the focus moves to the first row.</p>
<p>If the focus is on a row, the focus moves to the row below.</p>
<p>If the focus is on a cell, the focus moves to the cell below.</p>
<p><kbd>ArrowLeft</kbd></p>
<p>If the focus is on the first cell, the focus moves to the row.
This switches from cell-based navigation to row-based navigation.</p>
<p>If the focus is on a cell, the focus moves to the cell to the left.</p>
<p><kbd>ArrowRight</kbd></p>
<p>If the focus is on a row, the focus moves to the first cell of the currently focused row.
This switches from row-based navigation to cell-based navigation.</p>
<p>If the focus is on a cell, the focus moves to the cell to the right.</p>
<p><span class="emphasis">Note:</span> If the focus is on the last column, and the pop-in behavior has been
enabled for this column, the pop-in area is treated like an additional column to the right, and
the focus moves to this column.</p>
</description>
</interaction>
<interaction>
<kbd>Alt + ArrowUp</kbd>
<description>
<p>If the focus is on a row, the focus moves to the column header row.</p>
<p>If the focus is on the column header row, and the <span class="uicontrol">More</span> button is available,
the focus moves to the <span class="uicontrol">More</span> button.</p>
<p>If the focus is on the column header row, and the <span class="uicontrol">More</span> button is
<span class="emphasis">not</span> available, the focus moves to the last focused row.</p>
<p>If the focus is on the <span class="uicontrol">More</span> button, the focus moves to the last focused row.</p>
</description>
</interaction>
<interaction>
<kbd>Alt + ArrowDown</kbd>
<description>
<p>If the focus is on a row, and the <span class="uicontrol">More</span> button is available, the focus moves
to the <span class="uicontrol">More</span> button.</p>
<p>If the focus is on a row, and the <span class="uicontrol">More</span> button is <span class="emphasis">not</span>
available, the focus moves to the column header row.</p>
<p>If the focus is on the <span class="uicontrol">More</span> button, the focus moves to the column header row.</p>
<p>If the focus is on the column header row, the focus moves to the last focused row.</p>
</description>
</interaction>
<interaction>
<kbd>Shift + ArrowRight</kbd>
<description>
<p>If the focus is on the column header, the width of this column is increased by 1 em.
This is repeated if key remains pressed.</p>
<p><span class="emphasis">If cell selection is enabled:</span></p>
<p>If the focus is on a cell that is <span class="emphasis">not</span> selected, the focused cell and the
cell to the right are selected. The focus moves to the cell to the right of the focused cell.</p>
<p>If the focus is on a selected cell, the cell to the right gets the focus, and the cell selection is
enhanced up to this cell.</p>
</description>
</interaction>
<interaction>
<kbd>Shift + ArrowLeft</kbd>
<description>
<p>If the focus is on the column header, the width of this column is decreased by 1 em.
This is repeated if key remains pressed.</p>
<p><span class="emphasis">If cell selection is enabled:</span></p>
<p>If the focus is on a cell that is <span class="emphasis">not</span> selected, the focused cell and the
cell to the left are selected. The focus moves to the cell to the left of the focused cell.</p>
<p>If the focus is on a selected cell, the cell to the left gets the focus, and the cell selection is
enhanced up to this cell.</p>
</description>
</interaction>
<interaction>
<kbd>Shift + ArrowUp</kbd>
<description>
<p>If the focus is on a cell or the row selector and the relevant row is selected, the focus moves to the row
above, and the selection is enhanced up to this row.</p>
<p>If the focus is on a cell or the row selector and the relevant row is <span class="emphasis">not</span>
selected, the focus moves to the row above, and the selection is removed for this row.</p>
<p><span class="emphasis">If cell selection is enabled:</span></p>
<p>If the focus is on a cell that is <span class="emphasis">not</span> selected and the row is
<span class="emphasis">not</span>selected, the focused cell and the cell above are selected. The
focus moves to the cell above the focused cell.</p>
<p>If the focus is on a selected cell, the focus moves to the cell above, and the cell selection is enhanced up
to this cell.</p>
</description>
</interaction>
<interaction>
<kbd>Shift + ArrowDown</kbd>
<description>
<p>If the focus is on a cell or the row selector and the relevant row is selected, the focus moves to the row
below, and the selection is enhanced up to this row.</p>
<p>If the focus is on a cell or the row selector and the relevant row is <span class="emphasis">not</span>
selected, the focus moves to the row below, and the selection is removed for this row.</p>
<p><span class="emphasis">If cell selection is enabled:</span></p>
<p>If the focus is on a cell that is <span class="emphasis">not</span> selected and the row is
<span class="emphasis">not</span> selected, the focused cell and the cell below are selected.
The focus moves to the cell below the focused cell.
</p>
<p>If the focus is on a selected cell, the focus moves to the cell below, and the cell selection is enhanced up
to this cell.</p>
</description>
</interaction>
<interaction>
<kbd>Ctrl + ArrowUp</kbd>
<description>
<p>If the focus is on an editable cell (for example, an input field), the focus moves to the cell above.</p>
</description>
</interaction>
<interaction>
<kbd>Ctrl + ArrowDown</kbd>
<description>
<p>If the focus is on an editable cell (for example, an input field), the focus moves to the cell below.</p>
</description>
</interaction>
<interaction>
<kbd>Spacebar</kbd>
<description>
<p><span class="emphasis">If cell selection is enabled:</span></p>
<p>If the focus is on a cell, the focused cell is selected.</p>
<p>If the focus is on a cell selection block, the selection of the cells is removed.</p>
</description>
</interaction>
<interaction>
<kbd>Shift + Spacebar</kbd>
<description>
<p><span class="emphasis">If cell selection is enabled:</span></p>
<p>If the focus is on a cell selection block, the cell selection block is changed into a row selection.
The cell selection is removed.</p>
<p>Depending on the row selection mode the following happens:</p>
<ul>
<li>All rows of the block are selected (multiple selection)</li>
<li>Only the row with the currently focused cell is selected (single selection)</li>
<li>None of the rows are selected</li>
</ul>
</description>
</interaction>
<interaction>
<kbd>Ctrl + Shift + A</kbd>
<description>
<p><span class="emphasis">If cell selection is enabled:</span></p>
<p>If the focus is inside of the table, the selection for any rows and cells is removed.</p>
</description>
</interaction>
<interaction>
<kbd>Escape</kbd>
<description>
<p><span class="emphasis">If cell selection is enabled:</span></p>
<p>If the focus is inside of the table and cells are selected, the selection of the cells is removed.</p>
</description>
</interaction>
<interaction>
<kbd>F2</kbd>
<description>
<p>Toggles the focus between the cell and its content if the cell has interactive elements,
such as an input field or button (with the exception of read-only text).</p>
</description>
</interaction>
<interaction>
<kbd>F7</kbd>
<description>
<p>If the focus is within a cell in edit mode, the focus moves to the row.</p>
</description>
</interaction>
<interaction>
<kbd>Shift + MouseClick</kbd>
<description>
<p><span class="emphasis">If cell selection is enabled</span>:</p>
<p>If cells are selected, <kbd>Shift + MouseClick</kbd> on a different cell enhances
the selection up to the clicked cell.</p>
</description>
</interaction>
<interaction>
<kbd>Ctrl + C</kbd>
<description>
<p>Copies the selected rows or cells to the clipboard, if available and the feature is enabled.</p>
</description>
</interaction>
<interaction>
<kbd>Ctrl + V</kbd>
<description>
<p>Pastes the content from the clipboard, if the feature is enabled.</p>
</description>
</interaction>
</control-interactions>
<control-interactions>
<control name="sap.m.VariantManagement"></control>
<interaction>
<kbd>F4</kbd>
<kbd>Spacebar</kbd>
<kbd>Alt + ArrowUp</kbd>
<kbd>Alt + ArrowDown</kbd>
<description>
<p>Opens the My Views dialog.</p>
</description>
</interaction>
<interaction>
<kbd>PageUp</kbd>
<description>
<p>Closes the error popover of the My Views dialog</p>
</description>
</interaction>
<interaction>
<kbd>Ctrl + Enter</kbd>
<description>
<p>Saves the new view in the Save As dialog.</p>
</description>
</interaction>
<interaction>
<kbd>Ctrl + S</kbd>
<description>
<p>Saves the changes made to the views.</p>
</description>
</interaction>
</control-interactions>
<control-interactions>
<control name="sap.m.p13n.SelectionPanel"></control>
<interaction>
<kbd>ArrowUp</kbd>
<kbd>ArrowDown</kbd>
<kbd>Home</kbd>
<kbd>End</kbd>
<description>
<p><kbd>ArrowUp</kbd></p>
<p>Moves the item one position up, if available.</p>
<p><kbd>ArrowDown</kbd></p>
<p>Moves the item one position down, if available.</p>
<p><kbd>Home</kbd></p>
<p>Moves the item to the top, if available.</p>
<p><kbd>End</kbd></p>
<p>Moves the item to the end, if available.</p>
</description>
</interaction>
</control-interactions>
<control-interactions>
<control name="sap.m.p13n.SortPanel"></control>
<interaction>
<kbd>ArrowUp</kbd>
<kbd>ArrowDown</kbd>
<description>
<p><kbd>ArrowUp</kbd></p>
<p>Moves the item one position up, if available.</p>
<p><kbd>ArrowDown</kbd></p>
<p>Moves the item one position down, if available.</p>
</description>
</interaction>
</control-interactions>
<control-interactions>
<control name="sap.m.p13n.GroupPanel"></control>
<interaction>
<kbd>ArrowUp</kbd>
<kbd>ArrowDown</kbd>
<description>
<p><kbd>ArrowUp</kbd></p>
<p>Moves the item one position up, if available.</p>
<p><kbd>ArrowDown</kbd></p>
<p>Moves the item one position down, if available.</p>
</description>
</interaction>
</control-interactions>
</interaction-documentation>