본 가이드에서는 사용자가 키보드 및 마우스를 사용하여 RealGrid 컨트롤과 상호 작용하는 방법에 대해 설명합니다.
RealGrid 와의 일반적 상호 작용에는 탐색, 선택 및 편집이 있습니다. 선택 동작은 SelectionStyle 속성에 의해 영향을 받습니다.
이 항목에서 설명하는 동작의 원인이 되는 기본값은 BLOCK 입니다. 이러한 값을 변경하면 설명과 다른 동작이 발생할 수도 있습니다.
편집 동작은 editOptions 속성에 의해서 영향을 받습니다.
기본 키보드 동작
다음 표에서는 RealGrid에 대한 기본 키보드 동작을 보여 줍니다.
| 기본 단축키 Windows | macOS 단축키 | 설명 |
|---|---|---|
| ↓ (아래 방향키) | ↓ | 아래 셀로 포커스 이동 (마지막 행에서는 동작 없음, appendable=true이면 새 행 추가) |
| ↑ (위 방향키) | ↑ | 위 셀로 포커스 이동 (첫 번째 행에서는 동작 없음) |
| ← (왼쪽 방향키) | ← | 이전 셀로 포커스 이동 (첫 번째 셀에서는 동작 없음) |
| → (오른쪽 방향키) | → | 다음 셀로 포커스 이동 (마지막 셀에서는 동작 없음) |
| Home | ⌘ + ← | 현재 행의 첫 번째 셀로 포커스 이동 |
| End | ⌘ + → | 현재 행의 마지막 셀로 포커스 이동 |
| Page Down | Fn + ↓ | 행 수만큼 아래로 스크롤 |
| Page Up | Fn + ↑ | 행 수만큼 위로 스크롤 |
| Tab | Tab | 다음 셀로 포커스 이동 (마지막 셀에서는 동작 없음) |
| Shift + Tab | Shift + Tab | 이전 셀로 포커스 이동 (첫 번째 셀에서는 동작 없음) |
| Shift + Insert | Shift + Fn + Return | 같은 레벨로 노드 추가 (mac에선 일반적으로 Shift+Insert는 Fn+Return으로 대체 가능) |
| Ctrl + Home | ⌘ + Fn + ← | 첫 번째 행으로 포커스 이동 |
| Ctrl + End | ⌘ + Fn + → | 마지막 행으로 포커스 이동 |
| Ctrl + Delete | ⌘ + Delete | 현재 행 삭제 (행 삭제 데모 참조) |
| Ctrl + Left | ⌘ + ← | 노드 접기 |
| Ctrl + Right | ⌘ + → | 노드 펼치기 |
| Ctrl + Insert | ⌘ + Fn + Return | 자식 레벨로 노드 추가 |
| F2 | F2 | 셀 편집 모드 진입 (readOnly=false일 때) |
| Enter | Return | 셀/행의 변경 내용 커밋, enterToTab=true이면 다음 셀로 이동 |
| Esc | Esc | 편집 모드일때 편집을 취소 후 값을 되돌림, 취소 상태에서 한 번더 esc키 입력 시 행 편집 상태를 벗어남 |
| Backspace | Delete (←) | 편집 시 커서 앞 문자 삭제 또는 기존 값 제거 후 편집 전환 |
| Delete | Fn + Delete (→) | 편집 시 커서 뒤 문자 삭제 또는 기존 값 제거 후 편집 전환 |
| Insert | Fn + Return | 포커스가 위치한 행에 새 행 추가, 데이터 미입력 후 다른 행으로 이동 시 행 추가 취소 |
| Alt + Down | Option + ↓ | dropDown, date 컬럼 편집기 표시 |
기본 마우스 동작
다음 표에서는 RealGrid에 대한 기본 마우스 동작을 보여 줍니다.
| 마우스 동작 | 설명 |
|---|---|
| 선택되지 않은 행 클릭 | 클릭한 행을 현재 행으로 만들고 클릭한 셀을 현재 셀로 만듭니다. |
| 현재 셀을 클릭합니다. | 현재 셀을 편집 모드로 전환합니다. |
| 컬럼 타이틀 셀 끌기 | GridView.DisplayOptions.columnMovable 속성이 True이면 컬럼이 새로운 위치에 놓여질 수 있도록 컬럼을 이동합니다. |
| 컬럼 타이틀 구분 기호 끌기 | GridView.DisplayOptions.columnResizable 속성이 true이면 컬럼의 크기가 조정됩니다. |
| 컬럼 타이틀 구분선 두 번 클릭 | GridView.DisplayOptions.columnResizable 속성이 true인 경우 Auto 크기 조정 모드를 사용하여 컬럼의 크기를 자동으로 조정합니다. |
| 컬럼 타이틀 셀 클릭 | GridView.sortingOptions.enabled 속성이 true이면 컬럼을 정렬합니다. 이미 정렬된 컬럼의 타이틀을 클릭하면 해당 컬럼의 정렬 방향이 바뀝니다. GridView.sortingOptions.style 속성이 INCLUSIVE 이면 처음으로 클릭한 컬럼을 우선으로 순서대로 컬럼을 정렬합니다. REVERS 이면 마지막으로 클릭한 컬럼을 우선으로 순서대로 정렬합니다. |
| Shift+셀 클릭 | SelectionStyle 가 BLOCK으로 설정되어 있으면 연속된 여러 셀 선택 영역이 수정됩니다. |
| 행 그룹 해더을 클릭합니다. | 그룹을 확장하거나 축소합니다. |
| 체크바 체크박스 클릭 | 선택된 체크박스를 체크 상태로 변경합니다. |
| 체크바 헤더 클릭 | 체크바의 전체 체크박스를 체크상태로 변경합니다. |
| Ctrl(windows), command(mac) 키 + 셀 클릭 | displayOptions.selectionMode가 extended 일때 다중 범위를 선택할 수 있습니다. |
마우스 선택
SelectionStyle 속성이 ROWS로 설정되어 있는 경우, Shift 키를 누른 채 행을 클릭하면 여러 행 선택 영역이 수정됩니다.
Shift 키를 누른 채 행을 클릭하면 클릭하기 전의 현재 행 위치에 있는 앵커 행과 현재 행 사이의 모든 행이 선택 영역에 포함됩니다.
SelectionStyle 속성이 BLOCK으로 설정되어 있는 경우 마우스 왼쪽 버튼을 누른 상태에서 마우스 커서를 이동하면 이동한 방향으로 셀 선택 영역이 늘어 납니다.