Page tree

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已改变。

...

Code Block
languagejs
													return [
                                                      {
                                                            fieldName: ['key', 'ocId', 'Edit'], // 指定生效的列
                                                            textColor: 'blue', // 单元格字体颜色
                                                            cellBackgroundColor: 'pink',  // 单元格背景色
                                                            id:'11111' // 唯一id
                                                        }
                                                    ]

_rowid绑定字段

指定后端返回的数据中以哪个字段的值作为表格每一行数据的_rowid

eagerProperties

执行平台通用查询时,默认的eagerProperties

固定操作列

固定操作列,有 4 个选项:空白(无悬浮,默认),false(无悬浮),left (左侧悬浮),right(右侧悬浮)

...

操作列宽度,百分比或者固定宽度,举例:20% 或者 100px

查看列宽度

除了操作列,还可以配置一个类似操作列的列用来放操作按钮。

Image Added

树形结构列的字段名

如果当前组件需要展示树形结构的数据,那么需要选择树形节点对应的字段名称,默认 children。

...

组件 Size,有 3 个可选值,默认值,middle,small, theme 中的 size 优先级 < 此处 sizie 优先级

...

有边框

是否展示边框,size 为 small 时,此选项无效,统一显示边框。

...

可以将某一行拖出,包括 Table 内部拖拽和跨 Table 拖拽。

 

行拖入后自动更新列表数据

 

行拖入后自动更新列表数据,仅前端数据更新,并不更新数据库

行拖入后自动更新列表数据,仅前端数据更新,并不更新数据库

onTableChange时停止执行默认查询(query查询)

table组件点击分页信息或者tableHeader中的过滤条件时会自动触发 query 查询。勾选此项以后,进行上述操作不再触发 query 查询。


列的值与options匹配不上时是否显示值

当前列如果配置了options,但是表格中某一行此列的数据与options中的key不匹配,是否显示此列的值。

支持设置展示列

Image Added

支持设置表格密度

Image Added

支持锁定表格列

勾选后,表格的列标题右侧显示如图Image Added,点击锁图标后,当前列会作为表格的首列

支持拖拽列

勾选后,表格的列标题左侧显示如图Image Added,鼠标移上去后变为十字箭头形状,支持拖拽列改变列的顺序

支持拖动列

通过拖拽调整列的顺序。

固定头和列

指定滚动区域的宽

列左悬浮或者右悬浮的时候,需要指定滚动区域的宽度,举例:1000px

...

配置行的选择模式,默认不可勾选,checkbox: 可多选,radio:可单选

显示快捷选择下拉框

Image Added

去掉『全选』『反选』两个默认选项

此属性已经去掉。

选择模式为  checkbox 时生效,是否显示 全选 反选 两个默认选项,默认不勾选,此项不常用。

显示选择框脚本(选择模式不为空时生效)

去掉『全选』『反选』两个默认选项

用来控制 checkbox/radio 是否显示。

是否禁用选中的脚本

用来控制 checkbox 和 radio 的 disable/enable

显示打开折叠行图标脚本

用来控制 打开/关闭 子窗口/折叠行 的 图标是否显示。

Image Added

行数据发生变化时更新子窗口脚本

用来控制当前行数据发生变化时是否更新子窗口。

分页信息

是否显示分页

指定分页的位置

分页组件的位置,有 3 个选项,top:分页显示在上面 bottom: 分页显示在下面  both: 上面和下面均显示分页

...

显示方位

下拉按钮列表的显示位置(相对于迷你按钮的位置)

 

按钮列表宽度(单位:px)

按钮列表宽度(单位:px)

_rowid对应的字段(使用GraphQL时此项必填)

使用GraphQL查询数据时,需指定返回的数据中哪个字段作为Table中每一行数据的_rowid 

无数据时是否展示引导按钮

Table无数据显示时,展示一个引导按钮。如下图:

提示语、引导按钮标题、按钮点击事件均可配置

Image Added

是否显示SearchForm

Table组件是否支持通过SearchForm的方式进行查询

SearchForm每行显示的列数

每一行显示多少个查询组件

SearchForm操作按钮

配置searchForm中显示的按钮,默认为:重置、查询


是否显示toolbar

勾选后,表格组件顶部会显示toolbar组件

toolbar常用检索

暂未实现

是否显示快捷搜索

在Table右上角显示,如下图中的:搜索此列表查询框。

Image Added

toolbar默认按钮

在Table组件右上角显示,如下图中的:导出按钮

Image Added

toolbar Dropdown

 在Table组件右上角显示,如下图中的:新增及其子菜单

Image Added

toolBar操作列

Table选择数据后,需显示的按钮,如下图中的:批量设置就餐权限、导出等。

Image Added

 

Table 可配置的 event

onCreate

...

可以不设置,也可以做悬浮(固定)或者右悬浮(固定)

文字超出列是否隐藏(需配置列宽)

文字超出列是否隐藏(需配置列宽)

勾选后,文字超出列的宽度时,不再显示超出的内容。鼠标移上去后,会展示隐藏的内容。

使用等宽字体显示


filter dropdown引用窗口

列配置了支持过滤时,过滤条件可以引用一个窗口,如下图中的团名称

Image Added

filter value值对应的查询列表中的字段名称

列过滤是引用子窗口时,选中后用作 fieldValue 的字段名称。

filter label值对应的查询列表中的字段名称

列过滤是引用子窗口时,选中后用作显示在toolbar中的字段。

filter dropdown宽度

列过滤是引用子窗口时,下拉框的宽度。

编辑时的控件类型

编辑时的控件类型,此项是配合 过滤 功能使用的。


是否可编辑脚本

通过脚本控制是否可编辑,比如:年龄大于50岁的方可编辑。

前缀脚本

执行脚本返回对应显示前缀。

是否显示超链接样式

勾选后,当前列展示数据时,会带有超链接样式

显示超链接样式的脚本

来控制某种情况下显示超链接样式,如下图所示,审核通过的数据显示超链接样式:

Image Added

 

Rate 激活 icon 的颜色(编辑时的控件类型为 Rate 时生效)

Rate 激活 icon 的颜色(编辑时的控件类型为 Rate 时生效),颜色值,举例:rgba(0, 0, 0, 0,5),rgb(xx,xx,xx),#000

 聚合方法

Table 勾选了 底部显示统计 后,在需要统计的列配置聚合方法

点击行可编辑

当前行单击时,支持就地编辑

可见

当前列是否可见

显示SearchForm时label占位格数

此列作为SearchForm中的组件时,label占位格数

显示SearchForm时value占位格数

此列作为SearchForm中的组件时,value占位格数

Column 可配置的 event

onCellClick

...