当前位置: 首页 > 使用教程

Kendo UI for jQuery数据管理使用教程:Spreadsheet概述

发布时间:2021-07-14

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 2×2 cell range.

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

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


了解最新Kendo UI最新资讯,请关注Telerik中文网!

慧都高端UI界面开发
扫码咨询
电话咨询
023-68661681
返回
顶部