SpreadJS工作薄示例集合|附下载-控件新闻-慧都网

SpreadJS工作薄示例集合|附下载

原创|使用教程|编辑：王香|2018-10-22 17:00:01.000|阅读 334 次

概述：此示例集合介绍了SpreadJS中工作薄中的相关操作及指令，以及相关Demo下载。

SpreadJS是一个面向企业级应用开发的综合性、高效能的基于HTML5的纯JavaScript电子表格控件。SpreadJS有着强大的表单处理能力和电子表格功能。这些功能包括跨表单引用和计算，这样就能够充分利用多个表单上的数据和公式。

初始化Spread

将.css和.min.js 文件加入到 HTML 文档 Head 部分并给予其对应路径。

下载Demo

Spread表单

如果你想添加更多的表单来展现数据, 可以通过调用方法 addSheet 来添加表单。你可以只设置索引参数, 在所在位置添加一张空白的表单, 或者设置两个参数, 第二个参数是要添加的表单对象。

下载Demo

表单名称标签

Spread.Sheets 表单名称标签与 Excel 类似。你可以点击标签导航按钮来移动表单标签, 点击表单标签来切换活动表单, 拖拽表单标签来重新排列表单集合, 以及拖拽表单标签区域宽度改变按钮来改变表单标签区域的宽度。

下载Demo

滚动条

Spread.Sheets 中的水平和垂直滚动条让你能够轻松移动表单的可视区域,完成表单的浏览。

下载Demo

定制Spread背景

你可以设置 backColor 或者 backgroundImage 选项为每一个表单设置背景色或者背景图片。如果你同时设置背景色和背景图片, 那么背景图片将会优先显示。

下载Demo

绘制Spread

在你通过API或行为改变Spread之后, 控件需要处理这些改变, 然后进行重绘。

下载Demo

Spread事件

Spread.Sheets提供丰富了的事件, 你可以监听这些事件并作出自己的响应。

下载Demo

Spread JSON 导入/导出

Spread.Sheets 支持 JSON 格式的序列化与反序列化。你可以将当前 spread 保存为 JSON 格式的数据进行存储, 也可以导入这些 JSON 格式数据到 spread 中来进行场景恢复。当你想要把整个Spread或者Sheet存储在数据库中或者从数据库中恢复，这个功能就很实用。

下载Demo

数据源序列化

你可以通过调用 Spread.toJSON 方法并在传入的对象参数中设置 includeBindingSource 选项为 true 来将表单或者表格中的数据源序列化到最终的 JSON 对象中。

下载Demo

自定义特性序列化

Spread.Sheets 支持以下自定义特性的序列化与反序列化：自定义单元格类型，自定义函数，自定义格式，自定义函数迷你图，自定义标签，以及自定义行筛选。

下载Demo

命中测试

通过workbook的hitTest 方法，你可以从 workbook 的坐标系统中得到特定的区域。

下载Demo

购买SpreadJS正版授权，请点击“”哟！

标签：JavaScript 表格控件 Spread

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

上一篇：【Telerik UI for ASP.NET AJAX教程】在React应用程序中管理状态的3个基本技巧下一篇：OPC Server教程系列：SCADA设置（上篇）

半岛权威十大直营(官方)网站

在线采购

中文文档库

试用/Demo下载

开发社群