久久久午夜精品福利内容,十八摸网站,国产精品自在线拍国产手

Kendo UI for jQuery數(shù)據(jù)管理使用教程：Spreadsheet - 將數(shù)據(jù)存儲(chǔ)為JSON

原創(chuàng)|使用教程|編輯：龔雪|2021-08-05 14:07:26.123|閱讀 244 次

概述：Kendo UI for jQuery中的Spreadsheet控件將數(shù)據(jù)存儲(chǔ)為JSON，本文將主要介紹這個(gè)功能。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>

相關(guān)鏈接：

Kendo UI for jQuery最新版工具下載

Spreadsheet允許您以原生JSON格式存儲(chǔ)和加載數(shù)據(jù)。

入門(mén)指南

格式遵循與小部件配置相同的結(jié)構(gòu)，它旨在用于直接存儲(chǔ)和作為中間格式。

注意：一旦Spreadsheet退出 Beta 版本，將發(fā)布官方JSON模式。

持久化的信息包括：

單元格公式、值、格式和樣式。
行高和列寬。
排序和過(guò)濾選項(xiàng)。
活動(dòng)工作表和選擇。

使用序列化 API

Spreadsheet客戶端API包括用于加載和存儲(chǔ)其狀態(tài)的fromJSON和toJSON方法，要加載包含數(shù)據(jù)的Spreadsheet，請(qǐng)將與所需架構(gòu)匹配的對(duì)象傳遞給fromJSON，這將重置小部件并清除所有現(xiàn)有數(shù)據(jù)。

以下示例演示如何使用fromJSON加載數(shù)據(jù)。

<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>

您還可以選擇僅加載特定工作表中的數(shù)據(jù)，除了引用它的公式之外，這不會(huì)影響位于其他工作表中的數(shù)據(jù)。

以下示例演示如何使用fromJSON加載工作表數(shù)據(jù)。

<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 | 下載試用

Kendo UI for jQuery是完整的jQuery UI組件庫(kù)，可快速構(gòu)建出色的高性能響應(yīng)式Web應(yīng)用程序。Kendo UI for jQuery提供在短時(shí)間內(nèi)構(gòu)建現(xiàn)在Web應(yīng)用程序所需要的一切，從多個(gè)UI組件中選擇，并輕松地將它們組合起來(lái)，創(chuàng)建出酷炫響應(yīng)式的應(yīng)用程序，同時(shí)將開(kāi)發(fā)時(shí)間加快了50%。