一、简介
表格是最常用的数据展示组件,按照行(记录)和列(字段)格式显示数据。
二、展示效果
(一)PC 端
(二)移动端
三、组件数据源
初始化配置时,模型类型可以选择数据表、聚合表、扩展表。
四、组件设计器
(一)显示字段
表格展示列
配置表格组件展示的列,支持当前表的字段和关联数据下面一层的字段。
表格分组
显示字段支持按分组和子表分组展示,模型中有“子表”字段时才显示新建“子表分组”入口。
展示效果:
字段配置
在“显示字段”列表中点击“字段”,修改字段配置:
- 字段名称:修改字段别名,在表格中按字段别名展示;
- 对齐方式:数值类型字段默认右对齐,其余字段默认左对齐,支持修改;
- 列点击:字段在表格中可点击并输出{XX 字段}点击事件;
- 行内编辑:字段在表格中可直接编辑并输出{XX 字段}改变后事件;,主键 ID、流水号等只读字段不支持设置行内编辑,不显示该入口;
- 换行显示:字段在表格单元格中超过列宽时换行显示,仅单行文本、多行文本、富文本有该配置项;
- 统计:可以设置不同字段类型的统计方式,在表格的最后一行显示
(二)按钮
按钮类型 | 支持设置显示条件 | 输出变量 |
---|---|---|
工具栏左侧按钮 | 否 | 选中的多行数据 |
工具栏右侧按钮 | 否 | 选中的多行数据 |
操作列按钮 | 是 | 操作的单行数据 |
(三)显示
- 首次加载组件刷新数据,顾名思义;
- 禁用选择列,禁用后表格不显示复选框;
- 禁用排序,禁用后在表格运行时不显示字段排序的图标
- 显示序号,选中后表格的复选框显示序号
(四)业务规则
编辑规则
设置满足一定条件的数据才允许行内编辑,需先将字段设置行内编辑。
样式规则
满足一定的条件的数据的行列填充指定的颜色
效果展示:
(五)其他配置
设置默认分页大小
在 组件预览区设置表格的默认分页大小,在组件运行时用户也可以更改分页大小。
设置表格列宽
在 组件预览区设置表格的显示列宽,在组件运行时用户也可以更改表格列宽。
五、组件变量
变量 title | 变量 name | 读写 | 值类型 | 说明 |
---|---|---|---|---|
当前页数据 | displayRowList | 只读 | 多行数据 | |
选中的多行数据 | selectedRowList | 只读 | 多行数据 | |
操作的单行数据 | activeRow | 只读 | 单行数据 | |
筛选条件 | filter | 只读 | 筛选条件 | 以下情况的组合筛选: 1、数据源本身的设置筛选条件 2、call方法传入的筛选条件 3、权限设置的条件 |
六、组件函数
函数 title | 函数 name | 参数 | 返回值 | 说明 |
---|---|---|---|---|
刷新 | call | 筛选条件:筛选条件 | 无 | |
刷新当前页 | refresh | 无 |
七、组件事件
事件 title | 事件 name | 输出参数 | 说明 |
---|---|---|---|
选中行后 | selectedChange | 选中的多行数据:多行数据seletedRowList | |
点击行后 | clickRow | 操作的单行数据:单行数据activeRow | |
{列}点击后 | click{FieldName} | 操作的单行数据:单行数据activeRow | |
任意字段值改变后 | afterRowChange | 操作的单行数据:单行数据activeRow | |
{XX字段}值改变后 | after{FieldName}Change | 操作的单行数据:单行数据activeRow | |
{XX工具栏按钮}点击后 | click{Btn} | 选中的多行数据:多行数据seletedRowList | |
{XX操作列按钮}点击后 | click{Btn} | 操作的单行数据:单行数据activeRow |
八、组件权限
(一)按钮权限
- 工具栏按钮
- 操作列按钮
(二)数据源权限
设置数据源设置筛选条件
(三)字段权限
操作类型 | 支持配置字段权限 | 未授权的字段对组件的影响 |
---|---|---|
查看 | [✔] | 不显示未授权的字段 |
新增 | ||
修改 | [✔] | 未授权的字段不支持行内编辑 |
删除 | ||
统计 | [✔] | 不显示未授权字段的统计方式及结果 |
九、使用场景
展示客户及客户的订单明细
进一步了解极态云,体验产品?
请访问 极态云官网
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。