html表单中有几种类型单元格,SpreadJS纯前端表格控件v13.0发布，新增13种单元格类型，用户体验增强（上）...

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

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

追求极致的单元格特性

单元格状态：Cell States

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

新单元格类型：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

格式化

单元格类型

值(值转换函数)

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

慧都网·1024程序员节，DevExpress、MyEclipse、Axure RP、Aspose、FastReport等产品限时放“价”，给你专属宠爱！点击下方图片查看活动详情↓↓↓

标签：

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

文章转载自：葡萄城