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

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

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>

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>