FlexSheetは、クライアント側でのJSONのロードと保存をサポートします。FlexSheetコントロールへのJSON文字列のデータのロードは、簡単に行うことができます。また、FlexSheetデータをJSON文字列に保存することもできます。このコントロールは、そのためにWorkbookオブジェクトモデルを使用します。
次のコード例は、Workbookオブジェクトモデルを使用して、JSON文字列をFlexSheetコントロールにロードする方法を示します。
JsonLoadController.cs
| C# |
コードのコピー
|
|---|---|
public class JsonLoadController : Controller { public static List<Sale> SALES = Sale.GetData(15).ToList(); // GET: Json public ActionResult JsonIndex() { return View(SALES); } } |
|
JsonLoading.cshtml
| HTML |
コードのコピー
|
|---|---|
<script>
var flex, jsonString;
c1.mvc.Utils.documentReady(function () {
flex = wijmo.Control.getControl("#jsonLoadSheet");
});
function SaveToJson() {
var workBook = flex.saveToWorkbookOM();
jsonString = JSON.stringify(workBook);
}
function loadJSON() {
var workBook = JSON.parse(jsonString);
flex.loadFromWorkbookOM(workBook);
}
</script>
<div>
<button class="btn btn-default" onclick="SaveToJson()">Save to Json</button>
<button class="btn btn-default" onclick="loadJSON()">Load Json</button>
<br /><br />
<div>
<c1-flex-sheet class="flexSheet" id="jsonLoadSheet" height="700px" width="700px">
<c1-bound-sheet>
<c1-items-source source-collection="Model"></c1-items-source>
</c1-bound-sheet>
</c1-flex-sheet>
</div>
</div>
|
|