クライアントウィジェットのブラウザページへの追加

クライアントウィジェットをブラウザページに追加するには、次の手順を実行します。

HTMLファイルに、Spread.Sheetsスクリプトファイル、およびCSSファイルを追加します。

HTML

<!DOCTYPE html>
<html>
  <head>
    <script src="./gc.spread.sheets.all.xxxx.min.js" type="text/javascript"></script>
    <link href="./gc.spread.sheets.xxxx.css" rel="stylesheet" type="text/css"/>

<!DOCTYPE html>は、ウィジェットを正しく表示するために必要です。

Spread.Sheetsを初期化します。

JavaScript

<script type="text/javascript">
  window.onload = function(){
    // 初期化
    var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"),{sheetCount:3});
    // シートの取得
    var sheet = spread.getActiveSheet();
  }
</script>

Spread.SheetsウィジェットのターゲットとなるDOM要素を作成します。

HTML

  <body>
    <div id="ss" style="height: 500px; width: 800px"></div>
  </body>
</html>