Appearance
分组汇总表
分组汇总表控件用于按分组维度统计数据,支持分组字段、汇总字段配置,自动合并、表尾汇总和小统计功能。
属性
sg-cmdcode
- 说明:分组汇总表绑定的指令编码
- 类型:
string
示例:
json
"sg-cmdcode":"getSaleReport"sg-loaddata
- 说明:分组汇总表渲染后是否自动加载数据。如果没有开启自动加载,可以用
loadTableData、tableSearch、resetSearch等方法触发表格渲染 - 类型:
boolean - 默认值:
true
可选值:
| 值 | 说明 |
|---|---|
true | 开启 |
false | 关闭 |
示例:
json
"sg-loaddata":falsesg-automerge
- 说明:是否开启自动合并,开启后相同的内容会自动合并
- 类型:
boolean - 默认值:
true
可选值:
| 值 | 说明 |
|---|---|
true | 开启 |
false | 关闭 |
示例:
json
"sg-automerge":truesg-foot
- 说明:是否开启表尾
- 类型:
boolean - 默认值:
false
可选值:
| 值 | 说明 |
|---|---|
true 或 1 | 开启 |
false | 关闭 |
示例:
json
"sg-foot":truesg-aggre
- 说明:小统计总开关,关闭后所有小统计都不会显示
- 类型:
boolean - 默认值:
true
可选值:
| 值 | 说明 |
|---|---|
true 或 1 | 开启 |
false | 关闭 |
示例:
json
"sg-aggre":true列管理
双击或右键菜单进入分组汇总表编辑页,点击"列管理"配置每一列的信息。
列配置项
| 配置项 | 说明 |
|---|---|
| 列名 | 显示在分组汇总表的列名称 |
| 绑定字段 | 跟指令的 sql 字段一致 |
| 排序 | 字段前后排序调整 |
| 表达式 | 选择"分组字段"出现在分组栏,用于按分组维度统计;其他为"汇总字段"放到数据栏,用于统计计算 |
| 表头 class | 表头的 class |
| 表体 class | 表体的 class |
| 表尾 class | 表尾的 class |
| 表头 style | 表头的样式 |
| 表体 style | 表体的样式 |
| 表尾 style | 表尾的样式 |
| 控件属性 | 表格内控件属性(json 格式,跟普通控件的写法相似) |
表达式说明
| 表达式 | 说明 |
|---|---|
| 分组字段 | 出现在分组栏,按某个分组维度进行统计 |
| SUM | 求和(必须是数字类型) |
| AVG | 求平均(必须是数字类型) |
| MAX | 最大值(必须是数字类型) |
| MIN | 最小值(必须是数字类型) |
系统自带 class
| class | 说明 |
|---|---|
sticky | 固定列(表头、表体、表尾分开处理,建议都加,如果只加表头只有表头固定) |
center | 文字居中 |
left | 左对齐 |
right | 右对齐 |
bold | 加粗(针对表体、表尾有效,表头默认已加粗) |
表格内控件属性
分组字段控件属性
sg-aggre:
- 说明:小统计,支持求和、求平均、最大值、最小值、统计数量
- 类型:
string
支持的统计函数:
| 函数 | 说明 |
|---|---|
{SUM(字段名)} | 求和 |
{AVG(字段名)} | 求平均 |
{MAX(字段名)} | 最大值 |
{MIN(字段名)} | 最小值 |
{COUNT(字段名)} | 统计数量 |
示例:
json
"sg-aggre":"大类合计:总金额:{SUM(AMOUNT)},平均折扣{AVG(DIS)}"汇总字段控件属性
sg-stype:
- 说明:类型,默认文字,填
"progress"为条状 - 类型:
string - 默认值:
""
示例:
json
"sg-stype":"progress"sg-proportion:
- 说明:百分比除数,数字会除以该值作为百分比
- 类型:
string
示例:
json
"sg-proportion":"10"sg-suffix:
- 说明:后缀
- 类型:
string
示例:
json
"sg-suffix":"折"sg-prefix:
- 说明:前缀
- 类型:
string
示例:
json
"sg-prefix":"¥"sg-decimal:
- 说明:保留小数位数
- 类型:
number
示例:
json
"sg-decimal":2