SpreadJS纯前端表格控件v13.0发布,新增13种单元格类型,用户体验增强(上)

转帖|产品更新|编辑:陈津勇|2019-10-17 11:52:14.083|阅读 77 次

概述:纯JavaScript电子表格控件SpreadJS最新版(v13.0)发布,为终端用户带来更亲切Excel体验的同时,也进一步节省了企业的研发成本、降低项目交付风险。

面向企业级应用开发、基于HTML5的纯JavaScript电子表格控件——SpreadJS,将电子表格、数据可视化及计算功能集成在用户的JavaScript Web应用程序中,为用户创建计算器、动态交互式仪表盘、丰富多彩的报表,以及更多激动人心的功能,现已更新至v13版本。

在列举纯前端表格控件SpreadJS v13.0的新特性之前,请下载最新安装程序,以便同步体验!

点击下载SpreadJS正式版


追求极致的单元格特性

单元格状态:Cell States

在SpreadJS v13.0中,单元格包含以下五种状态:Normal(正常状态)、Hover(浮动状态)、Invalid(保护状态)、ReadOnly(只读状态)和 Edit(编辑状态)。用户不仅可以更为精确地获取单元格项目和当前状态,还可以通过数据绑定、判断单元格状态等,快速定位、查找、编辑、锁定、筛选单元格的值。

1.png

新单元格类型:Checkbox & RadioBox List

在SpreadJS v13.0中,新增了两种单元格类型:选择框和单选列表。

新单元格类型:Cell Dropdown

除了选择框和单选列表,在SpreadJS v13.0 中,还新增了多种下拉列表单元格类型:‘colorpicker’|'calendar'|'time'|'calculator'|'month'|'list'|'slider'|'workflow'(颜色拾取器、日程表、时间、日历、月份、列表、切片器、工作流等)。

新单元格按钮:Cell button

在SpreadJS v13.0 中,用户可以使用一种新的单元格按钮:Cell button(单元格按钮类型)。


表格API增强:表格样式按需修改、高度开放自定制

用户使用SpreadJS创建表单和管理数据,将获得前所未有的操纵体验。通过调用SpreadJS提供的API接口,用户可以在运行时和设计时两种状态下,完成以下操作:

  • 添加行/添加列

  • 删除行/删除列

  • 在表格中获取插入行、删除行、脏数据

  • 将Excel表转换为数据范围


表格UI交互增强:全方位分析表格数据,顺利完成前后端交互

表格数据交互,作为用户界面设计中不容忽视的重要组成部分,其目的是通过构造结构化数据,让用户更易读取、更易比较。

SpreadJS作为一款纯前端电子表格控件,充分考虑到了这一应用场景,并全面增强了表格数据交互分析能力,其功能具体体现在:

  • 自动扩展Auto Expand:input/copy-cut&paste/dragfill/dragdrop

  • 调整大小手柄Resize Handler

  • 滚动时表头显示Show Header when Scroll

  • 更方便的表格选择Selection

  • 更智能的表格导航Navigation

  • 滚动时在列标题上显示表标题


表格数据绑定增强:支持更多列属性字段

SpreadJS v13.0的表格数据绑定将支持更多列属性字段,这样做的好处是:用户在进行表格数据绑定时,更获得比此前更丰富的属性支持,如格式化、单元格类型、值(值转换函数)等。

SpreadJS工作簿数据绑定支持以下属性:

  • 名称

  • 格式化

  • 单元格类型

  • 值(值转换函数)

  • 宽度

  • 可见

  • 可调整大小

  • 分页符

  • 显示名称

SpreadJS 表格数据绑定支持以下属性:

  • 名称

  • dataField

  • 格式化new.gif

  • 单元格类型new.gif

  • 值(值转换函数)new.gif

*有关SpreadJS v13.0更多新特性信息,请点击此处了解

*想要获得 SpreadJS 更多资源或正版授权的朋友,可以咨询【慧都客服】了解哦~



慧都网·1024程序员节DevExpressMyEclipseAxure RPAsposeFastReport等产品限时放“价”,给你专属宠爱!点击下方图片查看活动详情↓↓↓

QQ截图20191008171313.png



标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:葡萄城 https://www.grapecity.com.cn/developer/spreadjs/whatsnew

登录 慧都网发表评论


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
SpreadJS

面向企业级应用开发、基于HTML5的纯JavaScript电子表格控件。

在线
客服
在线
QQ
电话
咨询
400-700-1020
购物车 反馈 返回
顶部
在线客服系统
live chat