셀 메모

SpreadJS는 셀에 메모를 지원합니다. 메모의 모양과 메모 아이콘을 지정할 수 있으며, 메모를 크기 조절하거나 이동하거나 편집할 수도 있습니다.

메모 사용자 지정

셀에 메모를 추가하고 해당 메모의 모양을 지정할 수 있습니다. 또한 메모를 크기 조절하거나 이동하거나 편집할 수 있습니다.

아래 이미지는 크기 조절 및 이동 아이콘을 보여줍니다. 메모를 선택하면 크기 조절 아이콘이 표시되고, 포인터가 메모 테두리 위에 있을 때는 이동 아이콘이 표시됩니다.

시트에 options.isProtected 설정이 true인 경우, 메모 이벤트나 메모 텍스트를 잠글 수 있습니다. 아래 표는 시트가 보호되었을 때 locked 및 lockText 속성의 값과 그 결과를 보여줍니다:

행이나 열의 크기를 조정하면 dynamicMove 및 dynamicSize 설정에 따라 메모의 위치와 크기가 변경될 수 있습니다. 아래 표는 해당 설정값에 따른 결과를 설명합니다:

메모가 편집 모드일 경우 메모 텍스트를 잘라내기, 복사, 붙여넣기할 수 있습니다. 셀을 복사하면 메모도 함께 복사됩니다.

잘라내기, 복사, 붙여넣기, 메모 크기 조정, 이동 또는 서식 변경 시 실행 취소/다시 실행(Undo/Redo) 기능이 적용됩니다.

코드 사용 예

아래 코드는 셀에 메모를 추가하고 색상과 표시 모드를 설정하는 예제입니다.

var comment = activeSheet.comments.add(5,5,"new comment!");
comment.text("new comment!");
comment.backColor("red");
comment.displayMode(GC.Spread.Sheets.Comments.DisplayMode.AlwaysShown);

메모 아이콘 사용자 지정

메모를 삽입하면 기본적으로 셀의 오른쪽 상단에 작은 빨간색 삼각형이 표시됩니다. 이 기본 메모 아이콘의 색상과 크기는 indicatorColor 및 indicatorSize 메서드를 사용하여 변경할 수 있습니다.

아래 이미지는 녹색 메모 아이콘이 표시된 스프레드시트 셀을 보여줍니다.

코드 사용 예

아래 코드는 셀에 메모를 추가하고, 메모 아이콘의 색상과 크기를 설정하는 예제입니다.

// 메모 생성
var comment = new GC.Spread.Sheets.Comments.Comment();
comment.text("This is comment for Cell[2,2]");

// indicatorSize 설정
comment.indicatorSize(25); // 6 as default

// indicatorColor 설정
comment.indicatorColor('green'); // 'red' as default

// 메모 추가
activeSheet.comments.add(2, 1, comment);