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

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

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

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

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

コードの使用

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

JavaScript	コードのコピー
workbook.fromJSON(jsonData,{ ignoreFormula:true, ignoreStyle:true, frozenColumnsAsRowHeaders:false, frozenRowsAsColumnHeaders:false, doNotRecalculateAfterLoad:true }); workbook.toJSON({ ignoreFormula:true, ignoreStyle:true, rowHeadersAsFrozenColumns:true, columnHeadersAsFrozenRows:true });

JavaScript

コードのコピー

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ファイルをロードします。

Web.config	コードのコピー
<?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>

Web.config

コードのコピー

<?xml version="1.0"?>

<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>

JavaScript	コードのコピー
<!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" /> <!--jQuery Reference--> <script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script> <!--Spread.Sheets Widgets JavaScript--> <script src="./scripts/gc.spread.sheets.all.12.0.0.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"),{sheetCount:3}); $.ajax({ url: "TestFile.ssjson", datatype: "json", success: function (data) { // ここでssjsonファイルをロードします。 spread.suspendPaint(); spread.fromJSON(JSON.parse(data)); spread.resumePaint(); }, error: function (ex) { alert('Exception:' + ex); } }); }); </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>

JavaScript

コードのコピー

<!DOCTYPE html>
<html lang="en">
<head>
    <title>TestLoad ssjson</title>
    
    <link href="./css/gc.spread.sheets.12.0.0.css" rel="stylesheet" type="text/css" />

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

<script src="./scripts/gc.spread.sheets.all.12.0.0.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"),{sheetCount:3});
            $.ajax({
                url: "TestFile.ssjson",
                datatype: "json",
                success: function (data) {
                    // ここでssjsonファイルをロードします。
                    spread.suspendPaint();
                    spread.fromJSON(JSON.parse(data));
                    spread.resumePaint();
                },
                error: function (ex) {
                    alert('Exception:' + ex);
                }
            });
        });
    </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>