React 그리드 셀 활성화
Ignite UI for React 그리드 셀을 통해 키보드 탐색을 활성화하는 셀 활성화 기능을 지원합니다. 이는 그리드의 activationMode
속성을 Cell
로 설정하여 활성화됩니다.
React Grid Cell Activation Example
Excel Style Navigation
enterBehaviorAfterEdit
속성은 편집 모드에서 Enter 키를 누른 후 위, 아래, 왼쪽 또는 오른쪽으로 다음 셀로 이동하도록 그리드를 구성합니다. 그렇지 않으면 편집 모드가 아닌 위, 아래, 왼쪽 또는 오른쪽에서 그리드의 enterBehavior
속성을 사용하여 다른 셀로 이동할 수 있습니다.
Keyboard Navigation
그리드의 activationMode
속성을 Cell
로 설정하면 데이터 그리드에서 다양한 키보드 탐색 옵션이 활성화됩니다. 다음은 각 키 누르기/조합에 대한 설명과 현재 활성화된 셀과 관련된 효과입니다.
- ↑: 한 셀 위로 이동합니다.
- ↓: 한 셀 아래로 이동합니다.
- ←: 현재 행에서만 한 셀을 왼쪽으로 이동합니다.
- →: 현재 행에서만 한 셀을 오른쪽으로 이동합니다.
- Page Up: 그리드를 한 뷰포트 페이지 위로 스크롤합니다.
- Page Down: 그리드를 한 뷰포트 페이지 아래로 스크롤합니다.
- Tab: 활성 셀을 오른쪽의 다음 셀로 이동하거나 해당 행의 마지막 셀에 도달한 경우 다음 행의 가장 왼쪽 셀로 이동합니다.
- Shift + Tab: 활성 셀을 왼쪽의 다음 셀로 이동하거나 해당 행의 첫 번째 셀에 도달한 경우 이전 행의 가장 오른쪽 셀로 이동합니다.
- Ctrl + ↑: 열의 맨 위 셀로 이동합니다.
- Ctrl + ↓: 열의 맨 아래 셀로 이동합니다.
- Ctrl + ←: 행의 가장 왼쪽 셀로 이동합니다.
- Ctrl + →: 행의 가장 오른쪽 셀로 이동합니다.
- Ctrl + Home: 그리드의 왼쪽 상단 셀로 이동합니다.
- Ctrl + End: 그리드의 오른쪽 하단 셀로 이동합니다.