@openui5/sap.m
Version:
OpenUI5 UI Library sap.m
183 lines • 26.5 kB
text/xml
<interaction-documentation library="sap.m" xmlns="http://schemas.sap.com/sapui5/extension/sap.ui.core.InteractionDocumentation/1">
<control-interactions>
<control name="sap.m.Page">
<defaultLabel>Global Shortcuts</defaultLabel>
</control>
</control-interactions>
<control-interactions>
<control name="sap.m.Table"/>
<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"/>
<interaction> <kbd>F4</kbd> <kbd>Spacebar</kbd> <kbd>Alt + ArrowUp</kbd> <kbd>Alt + ArrowDown</kbd> <description>
<p>Opens the view management.</p>
</description>
</interaction>
<interaction> <kbd>PageUp</kbd> <description>
<p>Closes the error popover for view management</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"/>
<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"/>
<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"/>
<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>