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

Kendo UI的Spreadsheet控件允许您使用单元格格式选项、样式和主题来编辑和可视化表格数据,本文主要为大家介绍这个控件,欢迎下载最新版体验哦~

Kendo UI是带有

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中文网!

高端UI界面开发
标签:

来源:慧都网

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2021年6月11日
下一篇 2021年6月11日

相关推荐

发表回复

登录后才能评论