亚洲第一视频网站,福利在线视频播放,日本高清一二三区

Kendo UI for jQuery數(shù)據(jù)管理使用教程：Spreadsheet概述

翻譯|使用教程|編輯：龔雪|2021-07-14 10:30:16.763|閱讀 536 次

概述：Kendo UI的Spreadsheet控件允許您使用單元格格式選項(xiàng)、樣式和主題來(lái)編輯和可視化表格數(shù)據(jù)，本文主要為大家介紹這個(gè)控件，歡迎下載最新版體驗(yàn)哦~

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

相關(guān)鏈接：

Kendo UI是帶有jQuery、Angular、React和Vue庫(kù)的JavaScript UI組件的最終集合，無(wú)論選擇哪種JavaScript框架，都可以快速構(gòu)建高性能響應(yīng)式Web應(yīng)用程序。通過(guò)可自定義的UI組件，Kendo UI可以創(chuàng)建數(shù)據(jù)豐富的桌面、平板和移動(dòng)Web應(yīng)用程序。通過(guò)響應(yīng)式的布局、強(qiáng)大的數(shù)據(jù)綁定、跨瀏覽器兼容性和即時(shí)使用的主題，Kendo UI將開(kāi)發(fā)時(shí)間加快了50%。

Kendo UI for jQuery最新版工具下載

Spreadsheet控件允許您使用單元格格式選項(xiàng)、樣式和主題來(lái)編輯和可視化表格數(shù)據(jù)。

Spreadsheet支持Internet Explorer 9 和更高版本，該小部件主要針對(duì)桌面用戶(hù)，因此其在移動(dòng)設(shè)備上的性能和功能受到限制。

初始化Spreadsheet

要初始化電子表格，請(qǐng)使用空的 <div> 元素。

<div id="spreadsheet">
</div>

<script>
$("#spreadsheet").kendoSpreadsheet();
</script>

基本配置

Spreadsheet 實(shí)例公開(kāi)了用于工作表實(shí)例檢索、插入和刪除的方法。

一個(gè)常用的方法是 activeSheet 方法。
工作表對(duì)象實(shí)例界面使您能夠在工作表級(jí)別配置設(shè)置和數(shù)據(jù)。
您可以使用 range 方法檢索可用于操作工作表的一個(gè)或多個(gè)單元格區(qū)域的范圍實(shí)例。要檢索范圍方法，請(qǐng)使用帶有 A1 或 RC 符號(hào)的字符串。

下面的示例演示如何設(shè)置單元格區(qū)域的值。

<div id="spreadsheet"></div>

<script type="text/javascript" charset="utf-8">

$("#spreadsheet").kendoSpreadsheet();

var spreadsheet = $("#spreadsheet").data("kendoSpreadsheet"); // The widget instance.

var sheet = spreadsheet.activeSheet(); // The current active sheet.

var range = sheet.range("A1:B2"); // A 2x2 cell range.

range.value("foo").color("green");
</script>

在接下來(lái)的系列文章中我們將逐一介紹以下功能：圖像、注釋、單元格格式、自定義編輯器、自定義功能、數(shù)據(jù)的導(dǎo)出和導(dǎo)入等。