属性表格

更新时间:2020-02-10

属性表格的数据绑定

将 SQL 模型中的字段绑定到属性表格中:

图片

  • 可以添加多个属性到表格中,每个属性绑定一个 SQL 模型中的字段作为展示用的数据
  • 属性顺序可以通过拖拽来决定顺序(工具栏中有个按钮)
  • 属性简介:可对某个属性进行简要的说明,页面展示时会在属性名称后面显示一个小问号,鼠标悬停时将会展示具体的备注说明
  • 是否 HTML:如果属性的取值是 html 内容,则需要开启「是否 HTML」,否则将以纯文本的形式展示
  • 单位:这个配置将作为字符串直接附加在属性取值的后面
  • 格式化方法:可以选择:秒转时分秒、字节转换、数字转万/亿、百分比等,详见「格式化方法
  • 飘红和飘绿设置:可以配置某个属性在满足某个条件时飘红或飘绿,支持数据大小对比和正则表达式匹配的方式

如上图的配置即可展现如下图的表格数据:

图片

自动绑定所有字段

有些情况下,我们 SQL 语句中 select 的字段可能因过滤条件的变化而变化,因此建模以及对应的数据绑定就会不好做,这时我们可以开启自动绑定所有字段;开启自动绑定所有字段后,会对 SQL 语句查询结果中的每一列都会作为一个属性放入属性表格中。

那么即使我不知道会查出来哪些字段,但有那么几个必然会出现的字段,我希望对它进行特殊的适配呢?这时你可以按原来的方式进行建模与数据绑定,绑定的那部分数据会覆盖自动绑定所有字段的对应数据。

格式化方法

如果你传入的数据是想作为时间来处理的一个大数字,例如 987654321 秒,希望可以自动转化成N天N小时N分钟N秒;如果你传入的数据是想作为字节来处理的一个大数字,例如 987654321 字节,希望可以自动转化成TB、GB、MB、KB;如果你传入的数据是想作为数字来处理的一个大数字,例如 987654321,希望可以自动转化成亿、万; 这个时候可以使用格式化方法功能

图片

通用飘红飘绿设置

除了针对某一个属性的飘红飘绿设置,还可以设置针对所有属性的通用飘红飘绿设置,逻辑相同。属性自有的飘红飘绿设置会覆盖通用的:

图片

属性表格的高级设置

在高级设置中,可以设置每列属性个数,单元格间距和字体大小等:

图片

其中每列属性个数代表每列放置几个属性,设为 0 则为所有属性都放置在一列中。

对于每列的宽度,对齐方式和自动换行都可以分别进行设置:

图片

上面的设置对应下图的效果:

图片

上一篇表格

本页内容