[]
DEMOS DOC DESIGNER API
DOWNLOAD
(Showing Draft Content)

SpreadJS 초기화

코드 편집기에 참조를 추가한 후, 아래 단계를 따라 SpreadJS를 초기화하세요.

  1. 다음 코드를 추가하여 SpreadJS의 대상 DOM 요소를 생성합니다.

  2. 아래 방법 중 하나를 선택해 spread-container 내에서 SpreadJS를 초기화합니다.

    1. document 메서드를 이용해 DOM ID를 가져오기.

      var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"), { sheetCount: 1 });

    2. DOM ID를 직접 지정하여 사용하기.

      var spread = new GC.Spread.Sheets.Workbook("ss", { sheetCount: 1 });

  3. 예를 들어 ‘index.html’이라는 이름으로 HTML 파일로 저장하세요. HTML 페이지는 다음과 같은 형태가 됩니다:

    <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- SpreadJS 스크립트 파일 추가 -->
    <script type="text/javascript" src="SpreadJS\gc.spread.sheets.all.x.x.x.min.js"></script>

    <!-- SpreasdJS CSS 파일 추가-->
    <link href="SpreadJS\gc.spread.sheets.excel2013white.x.x.x.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <h1>SpreadJS</h1>
    <p>This section goes over how to initialize SpreadJS</p>
    <!-- SpreadJS의 대상 DOM 요소인 id가 ss인 HTML <div>를 생성합니다.-->
    <div id="ss" style="width:100%;height:80vh;border:1px solid darkgray"></div>
</body>
<script>
    window.onload = function () {
        // 호스트 DIV 요소로 SpreadJS를 초기화합니다.
        var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));

        // 또는 DOM ID를 직접 사용하여 SpreadJS를 초기화합니다.
        // var spread = new GC.Spread.Sheets.Workbook("ss");
    };
</script>
</html>

  4. HTML 파일을 브라우저로 열어 SpreadJS 위젯을 볼 수 있습니다.

image.90daa1.png