엔터프라이즈를 위해 준비된 스프레드시트

SpreadJS는 웹 응용 프로그램에 데이터 시각화 및 계산 기능을 더합니다. 계산기, 역동적인 대화형 대시보드, 풍부하고 다채로운 보고서 등 다양한 기능을 활용해 보세요!

Download Free Trial

스프레드 JS란 무엇입니까?

SpreadJS는 엔터프라이즈 웹 응용 프로그램 개발을 위한 포괄적인 고성능 HTML5 스프레드시트 컴포넌트입니다. SpreadJS는 강력한 그리드 기능과 교차 시트 참조, 계산 등이 포함된 스프레드시트 기능을 제공하여 다양한 시트에서 데이터와 수식을 활용합니다. 클라이언트 측의 프레젠터로서 캔버스와 함께 HTML5 및 jQuery를 바탕으로 하는 SpreadJS는 Excel 같은 모양 및 UI 동작을 통해 다양한 대화형 사용자 환경을 제공합니다. 스프레드시트 문서 또는 데이터베이스 웹 응용 프로그램을 빠르고 쉽게 빌드할 수 있도록 확장 기능이 제공됩니다. SpreadJS는 클라이언트 측 프로그래밍에 필요한 유연성을 제공하는 리치 클라이언트 측 JavaScript API도 포함합니다.

Spread JS

SpreadJS를 사용해야 하는 이유

Mobile First

풍부한 데이터 상호 작용 및 모양

Excel과 유사한 모양으로 응용 프로그램 내에서 SpreadJS의 모양과 느낌을 사용자 지정할 수 있습니다. 데이터는 응용 프로그램의 필수 요소입니다. 데이터를 배치하는 데 사용되는 색상, 테두리, 글꼴 및 테이블 레이아웃 요소가 높은 수준의 사용자 지정을 지원합니다. SpreadJS는 행, 열 및 셀 수준의 광범위한 사용자 지정을 제공합니다. 또한 SpreadJS는 원하는 프레젠테이션을 만들 수 있도록 Excel 스타일의 테마도 지원합니다.

Angular JS

데이터 시각화 및 분석 지원

SpreadJS에서는 향상된 데이터 시각화 지원을 통해 데이터를 멋지게 표현할 수 있습니다. 추세를 인식하고 범위 초과 값을 분리하며 그림을 통해 데이터를 명확히 파악할 수 있습니다. SpreadJS 데이터 시각화 지원에는 다음 항목이 포함됩니다.

  • 여러 시트
  • 스파크라인
  • 조건부 서식
  • Excel 스타일의 그룹화
  • Excel 스타일의 대화 상자를 지원하는 필터링
JavaScript

강력한 계산 엔진

SpreadJS에는 데이터 집계 및 분석을 위한 강력한 Excel 호환 수식 지원 및 기능, 320개 이상의 함수, 교차 시트 참조, 사용자 지정 이름 지원이 포함됩니다.

Performant

유연한 데이터 바인딩

SpreadJS는 단일 페이지 웹 응용 프로그램을 빠르게 만드는 데 도움이 되는 강력한 데이터 바인딩을 제공합니다. SpreadJS는 wijmo.data 지원을 통해 기본 데이터를 변경하지 않고도 필터링, 정렬 및 그룹화를 처리할 수 있게 해줍니다. 양방향 바인딩을 통해 특정 셀을 데이터 필드 레코드에 바인딩할 수 있으므로 SpreadJS를 사용하여 데이터 입력 폼을 만들 수도 있습니다.

Flexible

데이터 작업 및 유효성 검사

Excel과 유사한 UI 동작, 유연한 데이터 편집 및 끌어서 채우기, 드래그 드롭, Excel 스타일의 필터, 행/열 고정 및 크기 조정이 지원되는 SpreadJS에서는 최종 사용자가 데이터를 입력할 수 있는 셀 유형을 제공합니다. 또한 잘못된 값이 있는 셀에 빨간색 원을 표시하는 방식으로 셀 값에 대해 다양한 기준 데이터 유효성 검사 기능도 제공합니다.

시작하기!

SpreadJS는 HTML5, jQuery 및 CSS3을 기반으로 합니다. GrapeCity는 위젯을 통해 컨트롤을 쉽게 사용할 수 있는 방법을 제공합니다. SpreadJS를 사용하려면 다음 3가지 간단한 단계를 수행하십시오.

1. 참조 추가

먼저 필요한 스크립트를 참조해야 합니다.

<!--jQuery References-->
<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>

<!--Theme-->
<link href="http://cdn.wijmo.com/themes/aristo/jquery-wijmo.css" rel="stylesheet" type="text/css" />

<!--SpreadJS Widgets JavaScript-->
<script src="http://cdn.wijmo.com/spreadjs/jquery.wijmo.wijspread.all.3.20143.14.min.js" type="text/javascript"></script>

<!--SpreadJS Widgets CSS-->
<link href="http://cdn.wijmo.com/spreadjs/jquery.wijmo.wijspread.3.20143.14.css" rel="stylesheet" type="text/css" />

2. 마크업 만들기

다음으로는 SpreadJS 컨트롤 마크업을 문서에 추가합니다. 이 마크업을 다음과 같이 정의해야 합니다.


<div id="ss" style="width:100%;height:400px;"></div>

3. 스프레드시트 초기화

마지막으로 작은 JavaScript 코드 조각을 추가하여 모델 및 컨트롤러를 만들어야 합니다.


<script type="text/javascript">
$(document).ready(function(){
$("#ss").wijspread({sheetCount:1}); // create wijspread control
var spread = $("#ss").wijspread("spread"); // get instance of wijspread control
var sheet = spread.getActiveSheet(); // get active worksheet of the wijspread control
// initializing the active worksheet here...
});
</script>