クライアント側でのJSONのロードと保存

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

Razor	コードのコピー
<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 /> @(Html.C1().FlexSheet().Id("jsonLoadSheet").CssClass("flexSheet").Width(700).Height(700) .AddBoundSheet(sheet => sheet.Bind(cv => cv.Bind(Model).DisableServerRead(true))) ) </div>

Razor

コードのコピー

<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 />
    @(Html.C1().FlexSheet().Id("jsonLoadSheet").CssClass("flexSheet").Width(700).Height(700)
        .AddBoundSheet(sheet =>
            sheet.Bind(cv =>
                            cv.Bind(Model).DisableServerRead(true)))
    )
</div>

先頭に戻る