[]
DEMOS DOC DESIGNER API
DOWNLOAD
(Showing Draft Content)

JSON 가져오기 및 내보내기

데이터를 JSON 객체로부터 가져오거나 JSON 객체로 내보내려면 fromJSON 메서드와 toJSON 메서드를 사용합니다.

JSON 객체에서 데이터를 가져올 때는 사용자 지정 데이터 가져오기를 위한 여러 역직렬화 옵션을 설정할 수 있습니다. 이 옵션에는 ignoreStyle, ignoreFormula, frozenColumnsAsRowHeaders, frozenRowsAsColumnHeaders, doNotRecalculateAfterLoad가 포함됩니다.

JSON 객체로 데이터를 내보낼 때는 사용자 지정 데이터 내보내기를 위한 여러 직렬화 옵션을 설정할 수 있습니다. 이 옵션에는 includeBindingSource, ignoreStyle, ignoreFormula, saveAsView, rowHeadersAsFrozenColumns, columnHeadersAsFrozenRows, includeAutoMergedCells, saveR1C1Formula가 포함됩니다.

참고: 이전 버전의 SpreadJS는 SpreadJS 3.20142.11 이상에서 생성된 JSON 파일을 불러올 수 없습니다.

다음 코드 샘플은 JSON 객체로 내보내고 JSON 객체에서 가져오는 방법을 보여줍니다.

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

workbook.toJSON({
includeBindingSource:true, 
ignoreFormula:true,
ignoreStyle:true,
saveAsView:true,
rowHeadersAsFrozenColumns:true,
columnHeadersAsFrozenRows:true,
includeAutoMergedCells:true,
saveR1C1Formula:true
});

다음 Visual Code 샘플은 ssjson 파일을 불러오는 방법입니다.

<?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>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>TestLoad ssjson</title>
    <!--SpreadJS 위젯 CSS-->
    <link href="./css/gc.spread.sheets.x.x.x.css" rel="stylesheet" type="text/css" />
                  
    <!--SpreadJS 위젯 JavaScript-->
    <script src="./scripts/gc.spread.sheets.all.x.x.x.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>.ssjson 파일 불러오기 샘플</h2>
        </div>
        <div id="ss" style="width: 100%; height: 430px; border: 1px solid gray;"></div>
    </div>
</body>
</html>