找回密码
 立即注册

QQ登录

只需一步,快速开始

dexteryao 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2016-11-10 10:00  /   查看:6088  /  回复:1
本帖最后由 dexteryao 于 2016-11-14 11:03 编辑

在SpreadJS V9 SP1中发布了Spread.Views(SpreadJS视图)预览版,正式版将随着SpreadJS V10一起发布。
Spread.View不仅为用户提供了灵活多变的数据布局和呈现,还继承了SpreadJS强大的公式计算能力。

下面我具体展示下正式版中一些吸引眼球的亮点功能。

1.        Auto Cell Merge – 表格单元格自动合并

Spread.Views可以通过简单的参数设置实现单元格自动合并,以达到数据分组的目的。


blob744312438.png

通过对DataView中相关属性的设置,即可自动将相同数据合并分组,无需任何逻辑操作。

blob191183776.png

同时可以设置icon,实现compact mode,使数据展示更加紧凑。

blob920450744.png


2.        CRUD – 增删改查

Spread.Views的DataView提供了数据分页功能,并且通过设置allowAutoAddRow和allowEditing属性可以控制DataView的增加和修改,同时DataView也提供了hander方便处理事件,用户只需调用相关接口即可。

blob792380370.png

DataView也提供了编辑模板的设置,以及inline,popup和editForm三种模式的选择。
blob605516662.png


3.        Column Aggregator – 使用公式计算汇总数据
在DataView中我们可以使用类似Excel中的公式实现数据的计算,比如分组后数据的求和以及平均数。
blob158947142.png
代码中在header和footer设置了公式。
blob833227538.png
blob486510009.png


4.        自定义模板
DataView提供了强大的模板功能,用户可以自定制列头行头,并在其中加入迷你图。

MultipleRow-通过Row Template 实现多行数据展示
blob752832336.png
CustomizedHeader-通过使用groupHeaderTemplate实现分组信息的自定义
blob697181091.png


HeaderWithSparkline – Header中设置迷你图
blob763376464.png
可以在列头设置headerRow
blob323393248.png
TreeView
blob602283935.png
GanttView
blob522523192.png



如开头介绍Spread.Views不仅提供了强大的数据展现控件DataView,也提供了页面布局控件,每种视图都可通过模板设置详细内容:


Calendar View
blob19909666.png

TimeLine
blob130275572.png

Trellis
blob955889892.png



通过Spread.Views可以灵活快速完成页面布局以及数据展示功能,并且通过SpreadJS强大的计算引擎可以实现复杂的数据计算。相信使用Spread.Views一定会让您的页面与众不同。

更过功能,敬请期待产品正式发布。


更多资源
如果您对Spread.Views感兴趣,请到官方网站下载试用:
产品咨询电话:400-657-6008



1 个回复

倒序浏览
Helen
高级会员   /  发表于:2016-11-10 14:54:42
沙发
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部