找回密码
 立即注册

QQ登录

只需一步,快速开始

Winny

超级版主

141

主题

263

帖子

1696

积分

超级版主

Rank: 8Rank: 8

积分
1696
Winny
超级版主   /  发表于:2022-1-14 18:40  /   查看:2428  /  回复:0
本帖最后由 Winny 于 2022-1-27 11:14 编辑

集算表是一个具有网格状行为和电子表格用户界面的快速数据绑定表的视图,除了排序、筛选、样式、行列置顶及单元格编辑之外,它还可以用于构建关系数据管理器和强大的结构化公式。在SpreadJSV15.0中,新增了利用表格编辑器设计集算表的功能,本文详细介绍如何利用表格编辑器设计集算表。
1. 创建集算表。 点击"插入"菜单下“计算表”按钮;
image.png747726440.png
点击上图中的按钮,会添加一个空的集算表,显示区域可分为三部分,分别是数据源侧边栏,集算表设计栏及空的集算表,具体如下所示:
image.png290703429.png
2. 创建数据源。
点击数据菜单下的数据源按钮:
image.png416266173.png

点击完成后,会显示数据源设置界面,如下所示:
image.png831747131.png
用户可以点击数据源列表区域中的"添加表"文字按钮或者数据详情区域中间的图片添加数据表,新增的数据表会使用默认的一些简单配置信息。创建一张默认表后界面显示如下:
image.png592525329.png
用户可以在此页面上修改表的配置信息,相关配置信息的说明如下:
(1)表名称,读方法及URL必须填写;
(2)读方法请求类型必须为GET请求,更新方法必须为POST或者PUT请求;
(3)创建数据只自支持POST请求,删除方法支持POET及DELETE请求;
(4)批处理方法只支持POST请求。
用户可以点击该页面上数据详情区域中的“列”,获取当前表的字段信息,如果是第一次获取,会有一定的请求耗时,请求完的结果如下所示:
image.png681470641.png
点击某列字段,可以显示或对当前列信息进行编辑,如下所示:
image.png352638854.png
默认字段类型为字符串类型,用户可以点击下图红色区域中的下拉框,设置列类型:
image.png271971739.png
用户可以选择当前列字段的关联表,但这一步并不是必须的,如果该列有关联表字段,需要提前创建好关联表:
image.png433336181.png
用户也可以添加计算列,计算列可以基于当前的表列,经过公式计算,生成新的数据列:
image.png536994933.png
下图展示的是对表中某列进行乘2的操作:
image.png976766662.png
需要注意的是,数据源工作表不会导出到ssjson中,但基于数据源生成的集算表会导出到ssjson。

3. 集算表绑定数据源;
再次点击数据源按钮切换到创建好的集算表中,选择当前集算表绑定的数据表为“表1”:
image.png648206786.png
选择完成后可以看到"表1"中的数据已经被加载到当前集算表中:
image.png272515563.png
点击字段列表右侧的铅笔标签,可以实现对列信息的修改,此时在工具栏中,可以设置当前列的名称、默认值、条件格式等其它信息,如下图所示:
image.png714402160.png
将列字段拖动到分组面板下,可以实现对当前数据的分组管理,如下所示:
image.png137073363.png
4. 集算表设计;
前边几步已经完成了一个简单的集算表,如果想进一步对集算表进行设计,可以在工具栏中进行设置,如下图红色区域所示:
image.png304147948.png
在该区域中,可以完成对计算表行高,背景色,行列规则,行操作等的设置。
通过上述几步操作,就可以完成一个集算表的创建与设计了!






评分

参与人数 1满意度 +5 收起 理由
bakefish + 5

查看全部评分

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部