SpreadJS v13.1이 새롭게 릴리스 되었습니다. 이 릴리스에서는 다음과 같이 뛰어난 새 기능을 제공합니다.

• 하이퍼링크
• 서식 문자열의 향상된 기능
• 더티 셀 상태
• 사용자 정의 정렬
• 백분율 서식의 향상된 기능
• 줄임표 및 셀 설명
• 복사된 또는 잘라낸 셀 삽입
• 다중 선택 ComboBox
• 표 자동 확장 활성화/비활성화
• 차트의 향상된 기능
• 숨겨진 또는 빈 셀/행/열
• 숫자가 아닌 공백으로 표시
• 계열 선 형식

향상된 하이퍼링크 지원

고객의 요청이 많아 Excel과 유사한 고급 하이퍼링크 기능을 개선하였습니다. SpreadJS는 이제 가져온 Excel 파일을 변경 없이 그대로 유지하는 기능을 지원합니다. 사용자는 SpreadJS로 하이퍼링크를 만들어 Excel로 내보낼 수 있습니다. getter, setter, 하이퍼링크 유형 등 하이퍼링크의 다양한 속성을 관리할 수 있도록 포괄적인 API를 추가하였습니다.

또한 하이퍼링크를 자동으로 만들 수 있는 새 기능과 하이퍼링크의 URL을 열 수 있는 명령을 추가하였습니다. 하이퍼링크는 런-타임 환경에서 SpreadJS Designer 대화 상자 및 컨텍스트 메뉴로 관리할 수 있습니다.

하이퍼링크가 가리킬 수 있는 몇 가지 위치는 다음과 같습니다.

• Spread 통합 문서의 특정 위치
• 이메일 주소
• 새 탭에서 열리는 웹 사이트의 URL

이외에도 하이퍼링크를 클릭하면 개발자가 정의한 사용자 정의 명령이 실행되도록 SpreadJS의 하이퍼링크를 특정 동작과 연결할 수 있습니다.

하이퍼링크 자세히 알아보기 | 하이퍼링크 데모

서식 문자열

서식 문자열을 통해 개발자 사양에 맞게 자동으로 셀 내부에서 텍스트의 서식을 지정할 수 있습니다. 새롭게 향상된 기능에 힘입어 개발자는 수식과 값을 비롯한 서식을 동시에 설정하는 방식을 더 세부적으로 제어할 수 있습니다. 이전 버전에서는 개발자가 셀 내부에서 셀의 서식을 수식으로 지정하고 싶은 경우 서식이 지정된 셀이 셀 내부에 수식 결과가 있는 셀을 참조해야 했으며 이 둘을 결합해서는 안되었습니다. 향상된 기능을 통해 수식을 서식 지정으로 설정하고 여러 셀에 적용할 수 있습니다.

텍스트 값 템플릿은 대시보드를 만들고자 할 때, 데이터를 요약할 때, 데이터에 서식을 지정하기 위해 숨겨진 행, 열 및 시트가 필요할 때 발생할 수 있는 문제를 방지합니다.

일반적으로 데이터가 들어 있는 셀의 서식을 다른 텍스트와 함께 지정할 수 있는 기능이 이제 기본적으로 제공됩니다. 예를 들면 다음과 같이 일반적으로 일정 범위 셀의 SUM 수식을 담는 셀을 요일 값 및 기타 텍스트와 결합할 수 있습니다.

따라서 이렇게 계산될 수 있습니다. "화요일의 총 매출은 1035달러였습니다."

국제 데이터 용도로 통화를 여러 국가/지역으로 환산하는 것과 같은 사용자 정의 함수도 이 기능으로 만들 수 있습니다.

이 향상된 기능을 통해 현재 셀을 "@" 기호로 참조할 수 있습니다.

formatString API 및 수식과 함께 사용됩니다. 이를 위한 한 가지 중요한 사용 사례는 다음과 같은 사용자 입력으로 스파크라인을 만드는 것입니다.

style.formatter = "On {{=TEXT(TODAY(),"DDDD")}}, Total Sales Were: ${{=SUM(A1:A5)}}.";

다음과 같은 기능도 있습니다.

• 연결 없이 긴 디스플레이 문자열의 서식을 지정
• 숫자 값을 단어로 표시
• 값의 KPI 범위 템플릿을 대시보드나 보고서로 표시

서식 문자열에 대해 자세히 알아보기 | 서식 문자열 데모

더티 셀 상태

더티 셀 상태의 형식으로 셀 상태 구현을 추가하였습니다. 이를 통해 사용자가 변경한 데이터가 있는 셀을 다양한 스타일을 사용해 표시할 수 있습니다. 이렇게 하면 통합 문서에서 변경 사항을 추적해야 할 때 또는 사용자 입력 후 데이터를 처리할 때 도움이 됩니다. 데이터베이스의 데이터를 사용하는 통합 문서에서는 데이터베이스 전체가 아닌 변경된 셀만 가져오면 성능 향상에 도움이 됩니다.

사용자 정의 정렬

SpreadJS의 표준 정렬만으로는 특정 데이터에 충분하지 않은 경우가 있습니다. 개발자라면 API로 사용자 정의 함수인 사용자 정의 정렬을 만들어 셀의 텍스트 또는 값을 정렬할 수 있습니다. 예를 들어, 사용자 정의 정렬을 "1.2.3.4.9"와 같은 숫자에 적용하면 개발자가 마지막 숫자를 기준으로 정렬할 수 있습니다. 이러한 기능은 중국어 병음 또는 한자를 정렬할 때와 같이 다양한 언어에서도 사용할 수 있습니다.

개발자가 사용자 정의 정렬 함수를 만들려면 당사가 제공하는 API를 사용하여 값 또는 텍스트를 비교하는 함수를 작성해야 합니다.

백분율 서식 지정의 향상된 기능

SpreadJS는 백분율 서식을 이미 지원하고 있지만, 편집 기능을 강화하여 Excel과 더 유사하게 만들었습니다. Excel에서 백분율 셀에 값을 입력하면 "%" 기호가 데이터 끝에 추가됩니다.

Excel과 일치하도록 백분율 서식 지정 기능을 개선하였습니다.

줄임표 및 셀 설명

텍스트가 셀 크기에 맞지 않는 경우 셀에 표시되는 텍스트 줄임표를 추가하였습니다. 이 기능은 들여쓰기, 세로 텍스트, 자동 맞춤, 세로 정렬 셀, 셀 안쪽 여백, 밑줄이 그어진 셀, 아웃 라인 열과 같은 다양한 상황에 유용합니다. 줄임표가 있는 셀 위로 커서를 가져가면 텍스트 설명이 나타나 해당 셀의 전체 텍스트를 표시합니다.

복사된 또는 잘라낸 셀 삽입

통합 문서에서 대량의 데이터를 조작할 때 셀을 복사하거나 잘라내 통합 문서 내의 다른 셀로 이동하는 기능이 유용할 수 있습니다. 일반적으로 사용자는 행/열을 먼저 삽입한 다음, 셀을 복사하거나 잘라내 해당 셀에 붙여넣어야 합니다. v13.1에서 사용자는 이 작업을 한 번에 처리할 수 있습니다. 즉 컨텍스트 메뉴의 복사한 셀 삽입… 옵션에서 셀을 오른쪽이나 아래로 이동하면 됩니다.

다중 선택 ComboBox

SpreadJS에서 콤보박스는 주로 드롭다운 메뉴 셀 유형인데, v13.1에서는 사용자가 목록에서 여러 옵션을 선택할 수 있는 기능을 추가하였습니다. API의 경우 이것은 isMultiSelect라고 하는 ComboBox의 단순한 부울 속성일 뿐입니다. 이 속성을 true로 설정하면 해당 셀 유형의 인스턴스를 다중 선택할 수 있습니다. 이것은 셀 유형의 일부인 셀 버튼 드롭다운 메뉴와는 별개의 셀 유형이라는 것에 주의해야 합니다.

표 자동 확장 활성화/비활성화

v13에서는 표 자동 확장 기능을 추가하여 사용자가 표의 끝을 탭하면 표가 새 행으로 자동 확장됩니다. v13.1에서는 이 기능이 기본적으로 활성화되어 있지만 원한다면 비활성화할 수도 있습니다.

차트의 향상된 기능

숨겨진 또는 빈 셀/행/열

또한 숨겨진 행과 열을 차트에 표시하는 방식을 개발자가 제어할 수 있는 기능도 추가하였습니다. Chart.ignoreHidden()이라는 코드에서 설정할 수 있는 부울 속성을 제공하였습니다.

SpreadJS Designer를 사용하는 경우 차트에서 숨겨진 행/열을 무시할 수 있는 UI 옵션을 추가하였습니다. 이 옵션을 활성화하면 차트 데이터는 빈 영역은 표시하지 않고 소스 데이터 범위에서 보이는 데이터만 표시합니다.

숫자가 아닌 공백으로 표시

숨겨진 셀과 빈 셀 외에도 차트에서 "#N/A" 셀을 빈 것으로 표시하는 옵션을 추가하였습니다. 주로 차트는 이러한 셀을 빈 셀을 취급하는 것과 동일한 방식으로 취급합니다.

계열 선 형식

선의 스타일을 변경할 수 있는 Designer 옵션뿐 아니라 API도 포함하는 선 형식을 인라인 계열 차트에 추가하였습니다.

SpreadJS의 기타 향상된 기능

이번 릴리스에서는 다음과 같은 기타 개선 사항도 추가하였습니다.

• Designer용 CalcOnDemand
• Designer의 Spread 설정에 추가된 온디맨드 계산 옵션
• 셰이프 API 반환 수식
• 셰이프에 getFormula 및 setFormula 메서드를 추가
• PDF 흑백 내보내기
• PDF 파일을 흑백으로 내보내기
• ShowFormulas 옵션
• 개발자는 값 결과가 아닌 통합 문서의 셀 수식을 표시하는 것을 선택할 수 있습니다.
• RangeChanged 이벤트 표
• 일정 범위의 셀이 변경될 때마다 이벤트가 시작되며, 배열에 표가 포함되어 있는 경우 표시할 선택 사항인 Tables[] 속성을 추가하였습니다.
• 날짜 축 지원
• 날짜 축은 Excel과 똑같은 방식으로 차트를 지원합니다.