交互式表格控件

Prev Next

添加和修改交互式表格小部件

在本篇文章中,您将了解……

  • 什么是交互式表格小部件?
  • 如何使用交互式表格小部件
Note

Complete this tutorial if you have not yet created a table.

添加交互式表格控件

“交互式表格”小部件位于应用编辑器工具栏的**“嵌入**”下拉菜单中。

数据源

交互式表格控件可用于可视化来自以下来源的数据:

  • 变量:应用内的任何变量(该变量必须是对象数组)。
  • 表格:现有的 Tulip 表格。
  • 表格查询:Tulip 表格中的查询,用于返回经过筛选的记录。

关联记录占位符/变量

交互式表格控件还可以包含一个关联占位符或变量(具体取决于数据源)。它代表一个用于容纳单个对象的容器,而交互式表格则代表一组对象。如果设置了关联占位符或变量,则在表格中选中某一行时,该行的数据将被加载到该容器中。

字段

字段由所选 Tulip 表格、表格查询中的字段,或所选变量中的对象键表示。

要添加字段,请使用复选框从下拉列表中选择,或点击**“全选”**。

为获得最佳用户体验和应用性能,Tulip 建议每个步骤显示的字段不超过 20 个。

要重新排列字段顺序,请在小部件属性中点击并拖动标签。要调整字段宽度,请在应用编辑器或播放器中拖动各字段的边框。

文本换行

交互式表格单元格中的文本可设置为自动换行。启用换行后,较长的文本会占用额外的垂直空间;禁用换行后,文本在接近字段边缘时将被截断并显示省略号。

要切换标题和记录文本中的文字换行功能,请在“上下文窗格”中切换开关。

Text Wrap.png

选择按钮

若已添加“关联占位符/变量”,可在交互式表格控件中添加“选择”按钮,以便更清晰地显示当前选中的行。

筛选器

可在“交互式表格”小部件中添加静态或动态筛选器,以筛选该小部件中的数据。筛选器可设置为匹配所有条件或任意条件,并可与静态值、变量、应用程序信息以及表格记录字段进行比较。

排序

可通过“按…排序”选项,根据特定字段对交互式表格进行升序或降序排序(取决于数据类型)。您还可以针对表格控件中的各个字段设置多种排序方式。

已在**“按…排序**”选项中添加的字段,在播放器中也可进行排序。点击**^**图标可反转排序顺序。

Performance recommendation: Do not sort by filtered fields

In order to ensure a performant app and user experience, Tulip recommends not sorting the embedded table by any fields on which the embedded interactive table is filtered.

行索引

可在“交互式表格”小部件中添加行索引,以在左侧显示行数。该行数仅针对小部件当前正在显示或渲染的内容。

每页行数

可在此处调整“交互式表格”小部件的每页行数。当行数超过一定数量时,小部件将启用垂直滚动功能。

触发器

可配置触发器,使其在交互式表格控件中选中某行时运行。要添加触发器,请点击控件属性菜单中“触发器”标签旁边的**“+”**按钮。

通过设置“关联记录/变量”并在触发器主体中使用,触发器可利用所选行中的信息。

字体大小和分页字体大小

表格中显示的数据字体大小以及页码标签的大小均可在控件属性菜单中进行调整。

条件格式

在应用编辑器中,条件格式化功能允许用户选择表格字段作为交互式表格控件中格式化规则的参数

当列表中的规则少于 20 条时,条件格式规则会显示**“重复”**选项。

image.png

点击此处了解有关条件格式的更多信息。

延伸阅读