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

JSONデータをSpread.Sheetsにインポートしたり、Spread.SheetsのデータをJSONデータにエクスポートしたりできます。

コードの使用

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

JavaScript
コードのコピー
activeSheet.getCell(0,0).value(123);
var jsonStr = null;
// エクスポート
jsonStr = JSON.stringify(spread.toJSON());
// インポート
spread.fromJSON(JSON.parse(jsonStr));
alert(jsonStr);
//alert(jsonStr[0]);

コードの使用

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

Web.config
コードのコピー
<?xml version="1.0"?>
<!--
  ASP.NETアプリケーションの構成方法の詳細については、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>
JavaScript
コードのコピー

<!DOCTYPE html>
 <html lang="en">
 <head>
     <title>TestLoad ssjson</title>
     <!--Spread.Sheets Widgets CSS-->
     <link href="./css/gc.spread.sheets.xx.x.x.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.xx.x.x.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) {
                     //here to load ssjson file.
                     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>

参照

 

 


© 2016-2017, GrapeCity inc. All rights reserved.