Page tree

版本比较

标识

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

...

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

查看列宽度

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

Image Added

树形结构列的字段名

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

...

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

onTableChange时停止执行默认查询

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

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


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

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

支持设置展示列

Image Added

支持设置表格密度

Image Added

支持锁定表格列

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

...

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

支持拖动列

 通过拖拽调整列的顺序。

固定头和列

指定滚动区域的宽

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

...

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

显示快捷选择下拉框

Image Added

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

此属性已经去掉。

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

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

 

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

 

是否禁用选中的脚本

 

显示打开折叠行图标脚本

 

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

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

是否禁用选中的脚本

用来控制 checkbox 和 radio 的 disable/enable

显示打开折叠行图标脚本

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

Image Added

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

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

分页信息

是否显示分页

指定分页的位置

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

...

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

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

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

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

使用等宽字体显示


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

...