彩票走势图

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

翻译|使用教程|编辑:龚雪|2021-07-14 10:30:16.763|阅读 449 次

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

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>

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


慧都高端UI界面开发

标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:慧都网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP