본문으로 건너뛰기

selection

설명​

선택 사항. 셀 선택 기능을 활성화하거나 비활성화합니다

사용법​

selection?: boolean;

기본 구성​

selection: true

예제​

const spreadsheet = new dhx.Spreadsheet("spreadsheet_container", {
selection: false,
// other config parameters
});

상세 설명​

속성을 false로 설정하면 다음과 같이 동작합니다.

  • Spreadsheet에 활성 셀이 없습니다
  • 마우스, 키보드, API로 셀을 선택할 수 없습니다. setSelectedCell() 및 setFocusedCell() 메서드는 무시되고, getSelectedCell() 및 getFocusedCell() 메서드는 undefined를 반환합니다
  • 인터페이스에서 셀을 편집할 수 없습니다. 수식 입력줄이 잠기고, 채우기 핸들이 숨겨지며, startEdit() 메서드는 무시됩니다
  • 컨텍스트 메뉴와 열 메뉴 아이콘을 사용할 수 없습니다
  • Tab 키는 그리드에서 한 번만 멈춘 뒤 포커스를 다음으로 이동하며, Ctrl + F6은 그리드를 건너뜁니다

열과 행은 테두리를 드래그하여 크기를 조절할 수 있으며, 데이터는 setValue() 메서드 같은 API로 여전히 변경할 수 있습니다.

readonly 속성과 함께 사용하면, 읽기 전용 모드에서 제공되는 키보드 탐색과 선택 기능까지 끌 수 있습니다.

const spreadsheet = new dhx.Spreadsheet("spreadsheet_container", {
readonly: true,
selection: false,
// other config parameters
});

런타임에 선택 기능을 끄고 켜려면 selection.disable() 및 selection.enable() 메서드를 사용하세요.

변경 로그: v6.0.4에서 추가됨

관련 문서: