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

下载SpreadJS最新版本

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

SpreadJS工作薄示例集合|附下载_第1张图片

初始化Spread

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

下载Demo

SpreadJS工作薄示例集合|附下载_第2张图片

Spread表单

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

下载Demo

SpreadJS工作薄示例集合|附下载_第3张图片

表单名称标签

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

下载Demo

 

SpreadJS工作薄示例集合|附下载_第4张图片

滚动条

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

下载Demo

SpreadJS工作薄示例集合|附下载_第5张图片

定制Spread背景

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

下载Demo

SpreadJS工作薄示例集合|附下载_第6张图片

绘制Spread

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

下载Demo

 

SpreadJS工作薄示例集合|附下载_第7张图片

Spread事件

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

下载Demo

SpreadJS工作薄示例集合|附下载_第8张图片

Spread JSON 导入/导出

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

下载Demo

SpreadJS工作薄示例集合|附下载_第9张图片

数据源序列化

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

下载Demo

SpreadJS工作薄示例集合|附下载_第10张图片

自定义特性序列化

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

下载Demo

SpreadJS工作薄示例集合|附下载_第11张图片

命中测试

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

下载Demo

你可能感兴趣的:(产品)