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" />
<!--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>