Spreadsheet允許您以原生JSON格式存儲和加載數據。
入門指南
格式遵循與小部件配置相同的結構,它旨在用於直接存儲和作爲中間格式。
注意:一旦Spreadsheet退出 Beta 版本,將發佈官方JSON模式。
持久化的信息包括:
- 單元格公式、值、格式和樣式。
- 行高和列寬。
- 排序和過濾選項。
- 活動工作表和選擇。
使用序列化 API
Spreadsheet客戶端API包括用於加載和存儲其狀態的fromJSON和toJSON方法,要加載包含數據的Spreadsheet,請將與所需架構匹配的對象傳遞給fromJSON,這將重置小部件並清除所有現有數據。
以下示例演示如何使用fromJSON加載數據。
<div id="spreadsheet"></div> <script> $("#spreadsheet").kendoSpreadsheet(); var spreadsheet = $("#spreadsheet").getKendoSpreadsheet(); spreadsheet.fromJSON({ sheets: [{ name: "Food Order", mergedCells: [ "A1:G1" ], rows: [{ height: 70, cells: [{ value: "My Company", fontSize: 32, textAlign: "center" }] }] }] }); </script>
您還可以選擇僅加載特定工作表中的數據,除了引用它的公式之外,這不會影響位於其他工作表中的數據。
以下示例演示如何使用fromJSON加載工作表數據。
<div id="spreadsheet"></div> <script> $("#spreadsheet").kendoSpreadsheet({ sheets: [{ name: "Inventory" }, { name: "Food Order", mergedCells: [ "A1:G1" ], rows: [{ height: 70, cells: [{ value: "My Company", fontSize: 32, textAlign: "center" }] }] }] }); var spreadsheet = $("#spreadsheet").getKendoSpreadsheet(); spreadsheet.sheetByName("Inventory").fromJSON({ rows: [{ cells: [{ value: "Chai", textAlign: "center" }, { value: 12 }] }] }); </script>
Kendo UI for jQuery是完整的jQuery UI組件庫,可快速構建出色的高性能響應式Web應用程序。Kendo UI for jQuery提供在短時間內構建現在Web應用程序所需要的一切,從多個UI組件中選擇,並輕鬆地將它們組合起來,創建出酷炫響應式的應用程序,同時將開發時間加快了50%。