GVKun编程网logo

纯前端表格控件 SpreadJS 新手入门指南——工作簿(一)(开源前端表格控件)

10

本文将为您提供关于纯前端表格控件SpreadJS新手入门指南——工作簿的详细介绍,我们还将为您解释一的相关知识,同时,我们还将为您提供关于SpreadJSV10发布,纯前端表格控件、SpreadJS纯

本文将为您提供关于纯前端表格控件 SpreadJS 新手入门指南——工作簿的详细介绍,我们还将为您解释的相关知识,同时,我们还将为您提供关于SpreadJS V10 发布,纯前端表格控件、SpreadJS 纯前端表格控件 V12.2 发布更新、SpreadJS 纯前端表格控件V11.1震撼来袭、SpreadJS 纯前端表格控件应用案例:PtLims云平台的实用信息。

本文目录一览:

纯前端表格控件 SpreadJS 新手入门指南——工作簿(一)(开源前端表格控件)

纯前端表格控件 SpreadJS 新手入门指南——工作簿(一)(开源前端表格控件)

点击获取SpreadJS工具下载

今天学习Spread工作簿相关的内容,首先初始化Spread:

纯前端表格控件 SpreadJS 新手入门指南:工作簿(一)

此时,页面中表格已经出现。

表单名称标签

纯前端表格控件 SpreadJS 新手入门指南:工作簿(一)

表单新增按钮可控制是否显示,标签名称双击默认为可编辑,拖拽表单名称可重排序。

滚动条

水平、竖直滚动条可控制是否显示,使用滚动条时也可显示提示:

纯前端表格控件 SpreadJS 新手入门指南:工作簿(一)

背景点击按钮填充背景色。

纯前端表格控件 SpreadJS 新手入门指南:工作簿(一)
纯前端表格控件 SpreadJS 新手入门指南:工作簿(一)

SpreadJS | 下载试用

纯前端表格控件SpreadJS,兼容 450 种以上的 Excel 公式,具备“高性能、跨平台、与 Excel 高度兼容”的产品特性,备受华为、苏宁易购、天弘基金等行业龙头企业的青睐,并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 可为用户提供类 Excel 的功能,满足表格文档协同编辑、 数据填报、 类 Excel 报表设计等业务场景需求,极大的降低企业研发成本和项目交付风险。

本文转载自葡萄城

SpreadJS V10 发布,纯前端表格控件

SpreadJS V10 发布,纯前端表格控件

伴随着新版本的发布,SpreadJS纯前端产品包日益壮大! 原有SpreadJS产品正式更名为SpreadJS表格(Spread.Sheets)。并推出了全新的SpreadJS视图(Spread.Views)控件并正式加入SpreadJS产品包(SpreadJS表格+SpreadJS视图)中。

SpreadJS表格控件增加纯前端导入导出Excel功能,对后台服务器再无依赖,真正华丽丽的实现了表格控件在纯前端上的各原有功能。更提供了跨平台设计器,满足各种操作系统上设计表格的需求。无论Windows, MacOS, 还是Linux操作系统,您都可以像使用Excel一样,轻松使用其来设计电子表格。增强和Excel之间拷贝粘贴功能,无论样式、合并单元格等,都可以完美复制。

SpreadJS V10版本新特性:

1.新增SpreadJS视图(Spread.Views) 控件

SpreadJS视图为用户提供了灵活多变的数据布局和呈现,例如:树状表格,甘特图,网格,新闻提要,看板,时间轴等等。不仅如此,它还继承了SpreadJS一贯强大的公式计算能力,以及卓越的性能。

了解更多信息,请访问SpreadJS视图官网。

2.SpreadJS表格控件不仅支持了纯前端导入导出Excel功能,更提供了跨平台设计器,以及增强了与Excel之间互相拷贝粘贴的功能。

  • Excel纯前端导入导出

SpreadJS表格在新版本中添加了纯前端Excel导入导出功能。因此导入导出Excel文件不再必须依赖于Windows服务器。无论是.Net用户还是Java用户,无论使用的框架类型和后台服务器操作系统,Web开发者都可以快速简单的实现Excel的导入导出。它支持在XLSX文件类型和SpreadJS表格支持的JSON格式之间转换。

 


  • 跨平台设计器

SpreadJS表格在V10中提供了跨平台设计器,无论Windows, MacOS, 还是Linux操作系统,您都可以像使用Excel一样,轻松使用其来设计电子表格。

  • 增强拷贝粘贴

SpreadJS表格和Excel之间,现在可以无缝拷贝样式、合并单元格、多个非连续单元格、头部等。当目标范围不足以粘贴被拷贝的单元格时,将会自动扩充行列以满足呈现需求。另外,增强了拷贝粘贴相关的事件,添加关于拷贝粘贴数据的更多信息。


3.其它更新

本次发布版本也包括其它功能增强。关于发布更新的更多细节,请参考发布说明。

了解更多,或免费试用请访问SpreadJS中国官网

SpreadJS 纯前端表格控件 V12.2 发布更新

SpreadJS 纯前端表格控件 V12.2 发布更新

 

SpreadJS 是一款基于 HTML5 的纯前端电子表格控件,以“高速低耗、高度类似Excel、可无限扩展”为产品特色,提供移动跨平台和浏览器支持,同时满足 .NET、Java、App 等应用程序中的 Web Excel 组件开发、数据填报、在线文档、图表公式联动、类 Excel UI 设计等业务场景,为您带来亲切的 Excel 体验。

在此前的新版本前瞻中,我们已经为大家介绍了 SpreadJS V12.2新增的六大核心特性,点击此处即可快速查看,这些新特性包括:

  • 打印增强 (Print Enhancements)
  • 拖拽增强 (Drag-Fill Enhancements)
  • 多语言包 (Language Packages)
  • 自定义本地化 (Custom Localization)
  • 图表符号增强 (Chart Symbol Enhancements)
  • 第三方前端开发框架支持增强 (3rd Party Library Support Enhancements)

打印增强(Print Enhancements)

SpreadJS中的打印功能已通过新事件、打印预览行、页面打印信息和背景水印图像得到了增强。

  • 使用新的BeforePrint事件,可以在启动后取消打印
  • 对于打印预览行,在工作簿中绘制虚线以显示打印时页面的结束位置
  • 打印信息现在包括用于显示每页单元格打印范围的API
  • 可以在打印页面时添加背景水印图像

点击链接,了解更多有关SpreadJS V12.2打印增强(Print Enhancements)的新特性

拖拽增强(Drag-Fill Enhancements)

SpreadJS的拖动填充功能得到了增强,支持时间日期选择、包含数字的字符串以及自定义列表。

  • 通过拖动,单元格将自动按日期规则进行填充
  • 在开头或结尾有数字的字符串可以按顺序正确填充
  • 使用自定义列表,开发人员可以创建一组特定的数据来拖动填充一系列单元格

点击链接,了解更多有关SpreadJS V12.2拖拽增强(Drag-Fill Enhancements)的新特性

多语言包(Language Packages)

SpreadJS中的计算引擎添加了18个新的语言包,包括了针对特定语言环境下,电子表格结构化所引用的本地化函数名称以及语法。

支持的语言包如下所示:

  • England/english (''en'')(default)
  • China/Chinese (''zh'')
  • Japan/Japanese (''ja'')
  • korea/Korean (''ko'')
  • French/français (''fr'')
  • Dutch/Nederlands (''nl'')
  • German/Deutsch (''de'')
  • ……

点击链接,了解更多有关SpreadJS V12.2语言包(Language Packages)的新特性

自定义本地化(Custom Localization)

通过自定义本地化资源,用户可以使用特定的语言,定义SpreadJS实例中显示的属性和字母。默认情况下,SpreadJS中内置语言是中文、英语、日语和韩语,但借助“自定义本地化”功能,开发人员可以自由地控制语言显示风格。

点击链接,了解更多有关SpreadJS V12.2资源自定义(Custom Localization)的新特性

图表符号增强(Chart Symbol Enhancements)

SpreadJS V12.2增加了对图表符号的支持,允许开发人员选择显示符号的类型来代替Line、Scatter和Radar等图表的标记。标记可以更改为圆形、菱形、正方形和三角形:

深度集成 Vue、Angular、React 框架(3rd Party Library Support Enhancements)

SpreadJS此前已经可以与Angular、Vue和React一起使用。在 SpreadJS V12.2中,我们更进一步,在这些框架中集成SpreadJS时,添加了更多选项,允许用户实现比以前更多的功能。

以上就是 SpreadJS 纯前端表格控件V12.2的主要更新内容,要体验这些新功能,或了解更多SpreadJS的产品特性,请访问SpreadJS产品官网并下载试用!

关于SpreadJS 纯前端表格控件

SpreadJS 是一款基于 HTML5 的纯前端电子表格控件,以“高速低耗、高度类似Excel、可无限扩展”为产品特色,提供移动跨平台和浏览器支持,同时满足 .NET、Java、App 等应用程序中的 Web Excel 组件开发、数据填报、在线文档、图表公式联动、类 Excel UI 设计等业务场景,可为您带来亲切的 Excel 体验。

SpreadJS 纯前端表格控件V11.1震撼来袭

SpreadJS 纯前端表格控件V11.1震撼来袭

纯前端表格控件SpreadJS 正式发布2018 V11.1 版本,新版本提供撤销/重做功能,并增强了UI和数据筛选,极大的扩展了产品的实用功能,可更加方便优雅的嵌入您的应用系统。

Spread 是一系列功能和Excel类似的表格工具,支持桌面、Web和移动平台开发,用于在您的应用系统中实现Excel导入导出、表格数据录入和编辑等交互功能,并提供灵活的定制能力和丰富的数据可视化效果。Spread 在功能和布局上与Excel高度相似,全系列包括适用于前端平台SpreadJS,.NET平台的Spread Studio,以及通过代码即可在应用程序中批量操作Excel的Spread表格组建,适应不同开发场景的需求。

SpreadJS本次发布2018 V11.1,主要更新点有:

提供撤销/重做(Undo/Redo)功能,提高操作效率,保护您的数据安全
开发人员可以使用startTransaction/endTransaction/undoTransaction实现撤销/重做的命令。通过此命令,可大大提高用户的操作效率,保护用户数据的安全性。如下是具体代码示例:

new_1.png

新增单元格/范围对角线,使您的表格数据更加醒目
新增对单元格或范围设置对角线边框样式的功能,并支持保存到 JSON/Excel/PDF 文件或打印输出。
new_2.png

支持垂直方向显示文本,满足不同场景下您的数据显示需求
行头/列头/单元格新增对垂直方向文本的显示支持,并支持对齐方式、自适应、折行和缩进等组合条件下的不同设置。
https://segmentfault.com/img/bV96VW?w=804&h=512

增强筛选功能,帮助您更快的选择所需要的数据

在筛选框中,日期类型数据和分组列新增树状层级过滤的功能。
new_4.png
new_5.png

在筛选框中,新增文本筛选、数字筛选、日期筛选,颜色筛选等多种筛选方式。
1.文本筛选:
new_6.png

2.数字筛选:
new_7.png

3.日期筛选:
new_8.png

4.颜色筛选:
new_9.png

增加颜色排序功能,扩展您的数据处理方式
new_10.png

增加支持自定义图标集合(IconSet),使您的数据更加易读
new_11.png

了解更多新特性详情,请访问 SpreadJS官网:

.NET平台适用的Spread Studio也同期发布新版本,支持WinForm、WPF、ASP.NET 、XAML、WinRT 等多个平台,提升您应用系统中的表格数据录入、编辑等交互功能,让您的数据用 Excel 的方式说话。点击此处,了解详情:

SpreadJS 纯前端表格控件应用案例:PtLims云平台

SpreadJS 纯前端表格控件应用案例:PtLims云平台

PtLims云平台是一款针对实验室的整套环节而设计的计算机应用系统,用于实现实验室人、机、料、法、环的全面资源管理,并构建一套完整的检验综合管理和产品质量监控体系,可满足实验室日常管理要求,保证化验分析数据的严格管理和控制。

下面,让我们一起来看看青岛帕特是如何在“PtLims云平台”中应用表格技术,实现“数据填报”、数据分析与质量监控管理的。

项目背景

PtLims云平台是针对实验室的整套环节而设计,是实现实验室人(人员)、机(仪器)、料(样品、材料)、法(方法、质量)、环(环境、通讯)全面资源管理的计算机应用系统,是一套完整的检验综合管理和产品质量监控体系,可满足日常管理要求,保证化验分析数据的严格管理和控制。

检验人员使用该系统,可全面优化实验室检验管理流程,显著提高实验室的工作效率和生产力,提高质量控制水平。

项目截图

PtLims云平台通过嵌入SpreadJS纯前端表格控件,实现了原始记录展示和数据分析计算,系统界面如下图:

31.png

(模板制作页面)

32.png

(原始记录编辑页面1)

33.png

(原始记录编辑页面2)

34.png

(记录结果界面)

35.png

(二次开发的数据多范围修约功能)

36.png

(二次开发原始记录仪器数据选择界面)

37.png

(二次开发标准曲线编辑界面)

38.png

(二次开发的自动电子签章功能)

表格技术带来的价值(选择表格控件 SpreadJS 的主要原因)

1. 使用SpreadJS模板设计器进行快速开发

通过对SpreadJS表格设计器的二次扩展开发,添加了业务所需的自定义单元格、特殊字符等功能,业务人员导入 EXCEL 表格,对单元格进行相应配置就可以快速生成填报模板。

无编码模板设计器:SpreadJS 提供了在线表单设计器,其扩展性高,无需编码,不需要专业培训,即可快速上手。通过 Excel 软件设计的表格文档,借助SpreadJS的模板设计器,可轻松导入 SpreadJS 开发的系统中,提高了模板的复用性。

2. 支持二次开发和自定义函数

PtLims云平台的用户群是实验室检验检测行业,该行业的数据运算需要遵循“四舍六入,五留双”的原则,青岛帕特借助SpreadJS的自定义函数,研发出“数据修约功能”,可满足该行业数据计算的应用需要。

与此同时,青岛帕特还借助了SpreadJS的“散点图”,开发实现了“标准曲线功能和自动电子签章功能”,并在现有数据表格填充方案的基础上,二次开发出适合PtLims云平台的数据填充方案,解决了行业数据信息化处理难题。

3. 快速编辑原始记录、在线打印

借助SpreadJS高度兼容Excel 的产品特性,可对导入的Excel原始记录再次编辑、存储,并且通过 SpreadJS实现在线自定制打印。

4. 纯前端导入、导出 Excel 文件

SpreadJS无需借助任何后台代码和第三方组件,可直接在浏览器中完成 Excel文件的导入导出、PDF 导出、打印及预览操作,解决了对现存大量Excel原始数据进行线上填报存储的问题。

以上就是青岛帕特应用SpreadJS表格控件技术研发的“PtLims云平台”案例展示,如需查看 SpreadJS 的更多应用案例或需要了解 SpreadJS 的更多功能特性,欢迎访问SpreadJS 产品官网。

关于SpreadJS 纯前端表格控件

SpreadJS 是一款基于 HTML5 的纯前端表格控件,兼容 450 种以上的 Excel 公式,具备“高性能、跨平台、与 Excel 高度兼容”的产品特性,备受华为、苏宁易购、天弘基金、远光软件等各领域龙头企业的青睐,并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 可为用户带来亲切、易用的使用体验,并满足 Web Excel 组件开发、表格文档协同编辑 、 数据填报 、 类 Excel 报表设计 等业务场景,可极大降低企业研发成本和项目交付风险。

今天关于纯前端表格控件 SpreadJS 新手入门指南——工作簿的介绍到此结束,谢谢您的阅读,有关SpreadJS V10 发布,纯前端表格控件、SpreadJS 纯前端表格控件 V12.2 发布更新、SpreadJS 纯前端表格控件V11.1震撼来袭、SpreadJS 纯前端表格控件应用案例:PtLims云平台等更多相关知识的信息可以在本站进行查询。

本文标签: