JSONのインポートおよびエクスポート

JSONオブジェクトに対して、データのインポートおよびエクスポートを行えます。これには、fromJSONメソッドおよびtoJSONメソッドを使用します。

JSONオブジェクトにデータをエクスポートする場合は、カスタムデータをエクスポートするための、多数のシリアル化オプションを設定できます。使用可能なオプションは、 ignoreStyle 、 ignoreFormula 、 rowHeadersAsFrozenColumns 、および columnHeadersAsFrozenRows オプションです。

JSONオブジェクトからデータをインポートする場合は、カスタムデータをインポートするための、多数の逆シリアル化オプションを使用できます。使用可能なオプションは、 ignoreStyle、ignoreFormula、frozenColumnsAsRowHeaders、frozenRowsAsColumnHeaders 、および doNotRecalculateAfterLoad オプションです。

初期のバージョンのSpread.Sheetsには、バージョン3.20142.11以降のSpreadJSで作成したJSONファイルをロードできません。

コードの使用

次のサンプルコードは、JSONオブジェクトに対してデータをエクスポートおよびインポートします。

workbook.fromJSON(jsonData,{
ignoreFormula:true,
ignoreStyle:true,
frozenColumnsAsRowHeaders:false,
frozenRowsAsColumnHeaders:false,
doNotRecalculateAfterLoad:true
});


workbook.toJSON({
ignoreFormula:true,
ignoreStyle:true,
rowHeadersAsFrozenColumns:true,
columnHeadersAsFrozenRows:true
});

コードの使用

次のVisual Studioサンプルコードは、ssjsonファイルをロードします。

<?xml version="1.0"?>
<!--
  For more information on how to configure your ASP.NET application, visit http://go.microsoft.com/fwlink/?LinkId=169433
  -->
<configuration>
  <system.web>
    <compilation debug="true" targetFramework="4.5" />
    <httpRuntime targetFramework="4.5" />
  </system.web>
  <system.webServer>
    <staticContent>
      <mimeMap fileExtension=".ssjson" mimeType="text/plain" />
    </staticContent>
  </system.webServer>
</configuration>

<!DOCTYPE html>
<html lang="en">
<head>
    <title>TestLoad ssjson</title>
    <!--Spread.Sheets Widgets CSS-->
    <link href="./css/gc.spread.sheets.12.0.0.css" rel="stylesheet" type="text/css" />
    <script src="./scripts/gc.spread.sheets.all.12.0.0.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        document.addEventListener("DOMContentLoaded", function () {
        var spread = new GC.Spread.Sheets.Workbook(
            document.getElementById("ss"),
            { sheetCount: 3 }
        );

        fetch("TestFile.ssjson")
            .then(function (response) {
            if (!response.ok) {
                throw new Error("Network response was not ok");
            }
            return response.text(); 
            })
            .then(function (data) {
            spread.suspendPaint();
            spread.fromJSON(JSON.parse(data));
            spread.resumePaint();
            })
            .catch(function (error) {
            alert("Exception: " + error);
            });
        });
    </script>
</head>
    <body>    
        <div class="container">
            <div class="header">
                <h2>Sample for load .ssjson file</h2>
            </div>
            <div id="ss" style="width: 100%; height: 430px; border: 1px solid gray;">
            </div>
        </div>
    </body>
</html>