页面组件-网格视图

1、网格视图是什么?

网格视图与表格中的网格视图基本一致,即选择某个表格为数据源后,在页面中显示该表格的数据列表,常用于展示数据。

  • 支持自定义展示哪些字段
  • 支持选择使用者点击数据跳转到哪个数据详情页
  • 支持使用快捷按钮

效果如图:

img

2、配置网格视图

2.1 添加网格视图组件

先来添加一个网格视图组件。

鼠标放到页面上会出现如下“+”按钮,点击可弹出组件库。

选择表格分类后,在右侧选择“网格视图”,点击即可添加。

img

2.2 设置组件内容

组件添加成功后,立即出现右侧编辑栏,按照如图步骤设置即可。

若添加设置完成后想要修改设置,可将鼠标放到组件上,点击左上角显示的按钮,在菜单中选择“内容”即可唤出编辑菜单。

img

2.3 设置组件样式

点击右侧“样式”标签,可按照下图步骤设置组件样式。

若右侧菜单栏隐藏了想打开:将鼠标放在组件上,可看到左上角按钮,点击弹出菜单,选择“样式”即可唤出样式编辑菜单。

img

3、注意事项

3.1 为什么视图工具不显示?

以下 2 种情况下,会导致右上角的工具栏不显示

  • 未开启组件名称时(下图 2 个位置均可控制其开关),工具栏不显示

img

  • 标题栏的对齐方式为 “居中” 或 “居右” 时,工具栏不显示

3.2 为什么组件标题不显示?

  • 当组件名称开启且对齐方式为 “居左” 时,右上角工具栏会显示,“居中/居右”则不显示
  • 边距的大小不会影响工具栏的显示,但当设置的边距 > 组件宽度时(一般不容易遇到),标题将不显示(如下图):

img

3.3 如何展示快捷按钮?

  • “针对单条数据的操作” 下选择了“数据详情页顶部”、“数据右键菜单”和 “视图数据列表” 的快捷按钮。
  • 需在组件的高级设置中 ,开启“快捷按钮” 开关。该开关控制的是 “针对单条数据的操作” 的快捷按钮是否显示,不控制 “针对多条数据的操作” 的快捷按钮。
  • 多个快捷按钮时,支持在组件中自定义开启哪个。
  • “针对多条数据的操作” 的快捷按钮,但无法自定义选择显示哪个快捷按钮。
  • 当组件中的权限设置为 “以访问者权限获取” 且高级设置中的 “批量操作” 打开时,批量选中数据时则显示快捷按钮(无法选择不显示)。

img

*以上,页面和自定义详情页的规则相同。

2025-01-06 更新
1614 次查看
0