RwDataGrid 보드 보기
RwDataGrid의 LikeAsana 편집 모드는 행 중심의 업무 데이터를 선택과 인라인 편집이 쉬운 보드형 목록으로 표시합니다. 별도의 칸반 엔진이 아니라 같은 그리드 데이터와 열 정의를 다른 편집 감각으로 사용하는 구성입니다.
적용 방법
RwDataGrid의 EditorMode를 RwDataGridEditorMode.LikeAsana로 지정합니다. 이 모드에서는 루트에 rw-editor-likeasana 클래스가 추가되고, 셀 선택과 편집 동작이 일반 표 또는 LikeExcel 모드와 다르게 처리됩니다.
일반 그리드와의 차이
| 항목 | 일반·LikeExcel | LikeAsana |
|---|---|---|
| 주 사용 목적 | 값 비교와 표 형식 입력 | 업무 항목 탐색과 빠른 수정 |
| 편집 진입 | 셀 중심 | 항목과 편집 가능한 셀 중심 |
| 두 번 클릭 | 그리드 기본 동작 사용 | 이벤트 전파를 막아 의도치 않은 상위 동작 방지 |
| 선택 표현 | 행·셀 상태 | hover와 선택 행을 더 분명하게 구분 |
| 데이터 계약 | RwDataGrid 데이터 |
동일한 행 키와 열 정의 사용 |
데이터 구성
보드 보기로 전환해도 행 식별자와 실제 모델은 바뀌지 않습니다. 서버 요청, 선택 항목과 저장 로직은 일반 그리드와 같은 키를 사용해야 보기 전환 후에도 같은 업무 항목을 유지할 수 있습니다.
셀 편집
편집 가능한 열만 명시하고, 상태·담당자·기한처럼 목록에서 자주 바꾸는 필드를 우선 배치합니다. 모든 값을 인라인으로 열어 두면 실수로 수정하기 쉬우므로 긴 본문이나 권한이 필요한 값은 상세 화면에서 처리합니다.
선택과 상위 이벤트
LikeAsana 모드는 셀의 두 번 클릭이 상위 컨테이너까지 전달되지 않도록 처리합니다. 행 선택과 상세 열기 이벤트를 함께 사용하는 화면에서는 한 번 클릭, 두 번 클릭과 편집 진입이 서로 같은 작업을 실행하지 않는지 확인합니다.
저장 흐름
화면에서 값을 바꾼 즉시 서버에 저장하거나, 변경 목록을 모아 저장할 수 있습니다. 즉시 저장을 선택했다면 요청 중 상태를 표시하고 실패 시 원래 값으로 되돌립니다. 일괄 저장을 선택했다면 변경된 행을 분명하게 표시합니다.
보기 선택 기준
열이 많고 숫자를 비교하는 화면은 기본 그리드가 적합합니다. 업무명, 상태, 담당자와 기한을 빠르게 훑고 수정하는 화면은 LikeAsana 모드가 적합합니다. 여러 상태 열로 카드를 끌어 이동하는 완전한 칸반 보드가 필요하면 별도 보드 구성요소를 사용합니다.
문제 확인
- 보기 전환 후 선택 행과 정렬·필터 상태가 유지되는지 확인합니다.
- 읽기 전용 열이 편집 상태로 열리지 않는지 확인합니다.
- 서버 저장 실패 시 화면 값과 실제 값이 달라지지 않도록 합니다.
- 키보드만으로 행 선택과 편집·취소가 가능한지 확인합니다.
