跳到主要内容

1 页签容器控件

1.1 介绍与演示​

image
Preview

页签容器控件支持同时内嵌多个页面，用户可以通过点击不同的页签来切换查看不同的内容或图表。这种设计使得报表能够展示更为丰富的信息，同时也方便了用户的操作。

1.2 使用教程​

1.2.1 基础属性​

基础属性可以对本控件的背景、边框、标题、选择器等属性的修改。

  1. 背景：颜色（纯色、渐变颜色）、背景图（显示方式）等设置；
  2. 边框：是否圆角（圆角度数设置）、边框（是否存在、边框尺寸、边框颜色、是否阴影）等设置；
  3. 内边距：设置容器内边距

1.2.2 高级属性​

  • 选项卡样式​

显示风格：支持下划线选中式、面板选中式、方框选中式样式；
布局显示：设置选项卡的布局位置：顶部、底部、居左、居右；
显示宽度：自适应宽度（根据容器宽度），绝对宽度（根据字体大小缩放宽度）
选中样式：选中标签的样式可设置：背景、字体；
默认样式：未被选中的样式可设置：背景、字体；

  • 选项卡配置​

默认三个选项卡，可自定义添加选项卡，设置选项卡文字，图标

  • 容器样式​

容器：可类比为画布，属性配置均于画布属性类似；
可配置页签容器的宽高、背景、边框等基础样式；

1.3 事件属性​

轮播动效：可自定义每个页签轮播时间；

2 网格容器控件

2.1 介绍与演示​

image
Preview

用户根据拖入的维度控制网格数量，每个网格作为一个独立的画布，用户可以在每个画布上自由拖入其他控件，并根据维度循环展示每个画布的内容。

网格容器操作步骤：

  • 1.控制网格容器数量：即设置容器维度，根据拖入维度来控制网格容器的数量；
  • 2.设置网格内容：单击网格或者点击右上角缩放按钮，进入到【网格内容编辑】中，作为一个独立画布，可以自由拖入和编辑控件
  • 3.循环展示网格：根据容器维度来循环展示每个画布内容
  • 4.设置网格样式：设计网格、容器布局样式

进阶步骤：指定网格容器的循环类型，控制每个网格内数据量

  • 明细：即每一条数据依次展示
  • 聚合：根据拖入的字段作为维度聚合数据

image
Preview

2.2 使用教程​

2.2.1 数据​

  • 设置网格容器数量：只可拖入1个维度
  • 设置网格内容：不能拖入【设置网格容器数量】的字段

2.2.2 基础属性​

基础属性可以对本控件的背景、边框、标题、选择器等属性的修改。

  1. 背景：颜色（纯色、渐变颜色）、背景图（显示方式）等设置；
  2. 边框：是否圆角（圆角度数设置）、边框（是否存在、边框尺寸、边框颜色、是否阴影）等设置；
  3. 内边距：设置容器内边距

2.2.3 高级属性​

  • 容器样式​

背景：颜色（纯色、渐变颜色）、背景图（显示方式）等设置；
边框：边框尺寸、边框颜色、圆角设置；

  • 容器配置​

设置容器行列数：自动（根据拖入的维度自动计算）、固定（设置指定行列数）
分页：若开启分页只能固定行列数，可以设置分页显示的方式，以及翻页按钮

  • 网格配置​

网格配置即设置每个网格画布的样式
背景：颜色（纯色、渐变颜色）、背景图（显示方式）等设置；
边框：边框尺寸、边框颜色、圆角设置；
网格宽高度：根据容器等比缩放（跟随容器的宽高等比缩放）、设置固定宽高（不跟随容器的宽高改变）

2.3 事件属性​

轮播动效：
1.支持上下滚动轮播
2.若开启分页，可以使用分页轮播