[]
데이터를 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" />
<!--jQuery 참조-->
<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
<!--SpreadJS 위젯 JavaScript-->
<script src="./scripts/gc.spread.sheets.all.x.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) {
//여기서 ssjson 파일을 불러옵니다.
spread.suspendPaint();
spread.fromJSON(JSON.parse(data));
spread.resumePaint();
},
error: function (ex) {
alert('예외:' + ex);
}
});
});
</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>