SpreadJS 디자이너 컴포넌트
SpreadJS는 스프레드시트 컴포넌트 외에도 웹 애플리케이션에 포함할 수 있는 다양한 디자이너 컴포넌트를 제공합니다. 이러한 컴포넌트를 사용하면 몇 번의 클릭만으로 스프레드시트를 쉽게 사용자 지정할 수 있습니다. 디자이너 컴포넌트에는 리본, 수식 입력줄, 상태 표시줄, 사이드 패널, 컨텍스트 메뉴가 포함됩니다. 이러한 컴포넌트는 각각에 맞는 래퍼(wrapper)를 사용하여 React, Angular, 또는 Vue 프레임워크에 포함시킬 수도 있습니다.
SpreadJS 디자이너 컴포넌트는 로컬에 설치하여 스프레드시트 템플릿을 커스터마이즈할 수 있는 SpreadJS 템플릿 디자이너와는 별개의 기능입니다.
SpreadJS 디자이너 컴포넌트에 내장된 대화 상자와 옵션을 사용하면 하이퍼링크 색상, 셀 여백, 스프레드시트 설정 등 세부 항목까지 정의할 수 있습니다. 또한 새 버튼이나 탭을 추가하거나 기존 항목을 수정하여 디자이너 컴포넌트를 커스터마이즈할 수도 있습니다.
참고: SpreadJS 디자이너 컴포넌트를 애플리케이션에 배포하려면 별도의 배포 라이선스가 필요합니다. 라이선스에 대한 자세한 내용은 시작하기를 참조하세요.
아래 이미지는 빈 스프레드시트 컴포넌트에 통합된 디자이너 컴포넌트를 보여줍니다.
디자이너 컴포넌트에 대해 더 알아보려면 다음 주제를 참고하세요:
주제 | 코멘트 |
|---|---|
디자이너 컴포넌트를 시작하기 위한 설치 파일과 라이선스에 대한 정보를 제공합니다. | |
새 스프레드시트 및 기존 스프레드시트와 함께 디자이너 컴포넌트를 초기화하는 단계별 안내입니다. | |
세 가지 사전 정의된 테마와 사용자 정의 테마 시스템을 제공합니다. | |
디자이너 컴포넌트의 기본 레이아웃을 보여줍니다. | |
디자이너 컴포넌트와 함께 사용할 수 있는 JavaScript 프레임워크 목록입니다. | |
여러 명령을 추가, 제거 또는 재정의하여 디자이너 컴포넌트를 커스터마이즈합니다. | |
디자이너 컴포넌트의 리본 메뉴 옵션을 사용해 셀, 열, 행, 시트 및 전체 스프레드시트에 대한 설정을 지정합니다. | |
SpreadJS 기능을 위한 다양한 리본 모드를 제공합니다. | |
SpreadJS 디자이너 컴포넌트 API의 네임스페이스를 제공합니다. |