! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

SpreadJS 상태 표시줄 > 블로그 & Tips

본문 바로가기

SpreadJS

블로그 & Tips

SpreadJS 상태 표시줄

페이지 정보

작성자 GrapeCity 작성일 2019-05-01 00:00 조회 2,588회 댓글 0건

본문

고객들이 가장 많이 요청해주신 기능인 내장 상태 표시줄이 SpreadJS V12 Service Pack1에 추가되었습니다. Excel과 마찬가지로 이 작은 정보 표시 줄은 SpreadJS 런타임 및 디자이너의 맨 아래에 있습니다. 선택한 셀의 요약(Ex> 평균 및 합계)을 빠르게 표시합니다.


SpreadJS 상태 표시 줄의 기능에는 컨텍스트 메뉴 및 사용자 정의가 포함됩니다. 확대/축소 슬라이더와 같은 유용한 기능을 통해 최종 사용자는 스프레드시트를 보다 강력하게 제어할 수 있으며 개발자는 페이지에서 컨트롤을 만들 필요가 없습니다. 또한 선택 항목에 대해 표시 될 수 있는 숫자 데이터를 사용하면 수식을 입력하지 않고도 빠른 계산을 쉽게 모니터링 할 수 있습니다.


SpreadJS V12 Service Pack 1 새로운 기능 자세히 알아보기


사용자들을 위해 Excel과 유사한 환경을 찾고 있다면, 이 상태 표시 줄이 도움이 될 것입니다. 이 포스팅에서는 SpreadJS 상태 표시줄을 추가하고 사용자 정의하는 방법을 알아보겠습니다.


표준 상태 표시 줄


기본적으로 상태 표시 줄에는 현재 선택된 셀의 평균, 개수 및 합계가 표시되며, 확대/축소 슬라이더도 표시됩니다.



 


디자이너와 마찬가지로 런타임에 Spread 인스턴스의 맨 아래에 표시되며, 특별히 비활성화되어 있지 않으면 항상 런타임에 표시됩니다.


다음 코드는 상태 표시줄을 선택한 특정 Spread 인스턴스에 바인딩하는 방법을 보여줍니다.


var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
var statusBar = new GC.Spread.Sheets.StatusBar.StatusBar(document.getElementById('statusBar'));
statusBar.bind(spread);


또한 페이지에 포함되는 DIV 요소도 정의합니다.


<div id="spreadSheet" style="width: 700px; height: 800px; border: 1px solid gray"></div>
<div id="statusBar" style="width: 700px; height: 20px; border: 1px solid gray"></div>


컨텍스트 메뉴 및 사용자 정의


상태 표시줄에는 컨텍스트 메뉴도 포함되어 있습니다. 숫자 카운트, 최소 및 최대값 등 상태 표시줄에 표시할 항목을 선택하는 데 사용할 수 있습니다.



 


상태 표시줄과 함께 컨텍스트 메뉴도 사용자 정의할 수 있습니다. 이를 통해, 개발자는 상태 표시줄에 표시할 사용자 정의 상태 항목을 지정할 수 있습니다. 이와 유사한 경우, 상태 표시 줄에 추가할 사용자 정의 항목이 생성됩니다.


var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
var spanItem = new GC.Spread.Sheets.StatusBar.StatusItem('spanItem', {menuContent: 'current span', value: 'span test'});
var statusBar = new GC.Spread.Sheets.StatusBar.StatusBar(
   document.getElementById('statusBar'),
   { items: [spanItem] }
);
statusBar.bind(spread);


테마


Spread 인스턴스의 테마와 일치시키기 위해 상태 표시줄에도 테마를 설정할 수 있습니다.





 

추가된 사용자 정의 기능을 통해 개발자는 사용자의 특정 요구에 맞게 상태 표시줄의 모양과 기능을 변경할 수 있습니다.


다른 포스팅에서는 SpreadJS V12 Service Pack 1의 데이터 유효성 검사 기능에 대해 살펴보실 수 있습니다.


  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

태그1

인기글

더보기
  • 인기 게시물이 없습니다.
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.