Web应用开发时如何管理数据？这个Spreadsheet控件你了解多少

Kendo UI是带有jQuery、Angular、React和Vue库的JavaScript UI组件的最终集合，无论选择哪种JavaScript框架，都可以快速构建高性能响应式Web应用程序。通过可自定义的UI组件，Kendo UI可以创建数据丰富的桌面、平板和移动Web应用程序。通过响应式的布局、强大的数据绑定、跨浏览器兼容性和即时使用的主题，Kendo UI将开发时间加快了50%。

Kendo UI for jQuery最新版工具下载

Spreadsheet控件允许您使用单元格格式选项、样式和主题来编辑和可视化表格数据。

Spreadsheet支持Internet Explorer 9 和更高版本，该小部件主要针对桌面用户，因此其在移动设备上的性能和功能受到限制。

初始化Spreadsheet

要初始化电子表格，请使用空的 <div> 元素。

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

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

基本配置

Spreadsheet 实例公开了用于工作表实例检索、插入和删除的方法。

• 一个常用的方法是 activeSheet 方法。
• 工作表对象实例界面使您能够在工作表级别配置设置和数据。
• 您可以使用 range 方法检索可用于操作工作表的一个或多个单元格区域的范围实例。 要检索范围方法，请使用带有 A1 或 RC 符号的字符串。

下面的示例演示如何设置单元格区域的值。

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

在接下来的系列文章中我们将逐一介绍以下功能：图像、注释、单元格格式、自定义编辑器、自定义功能、数据的导出和导入等。

---

了解最新Kendo UI最新资讯，请关注Telerik中文网！