跳到主要内容
版本:v2.0.0-zh

下拉列表

下拉列表小部件可用于从选项列表中收集用户输入。

如何使用下拉列表小部件

提示

下拉选项可以使用动态变量引用您的查询数据。

ToolJet - 小部件参考 - 下拉列表

活动

ToolJet - 小部件参考 - 下拉菜单

事件:选择

当一个选项被选中时,On select 事件被触发。

事件:搜索文本已更改

只要用户通过在下拉列表的输入框中键入来搜索选项,就会触发此事件。相应的搜索文本将显示为 searchText

特性

ToolJet - 小部件参考 - 下拉菜单

标签

文本将用作下拉列表的标签。

默认值

默认选项的值

选项值

选项值是下拉列表中不同选项的值。使用动态变量 {{queries.datasource.data.map(item => item.value)}} 引用您的查询数据,或使用示例值 {{[1,2,3]}} 填充它

选项标签

选项标签是下拉列表中不同选项的标签。使用动态变量{{queries.datasource.data.map(item => item.label)}}引用您的查询数据或使用示例值{{["one", "two", "three"]填充它}}

选项加载状态

使用此属性在小部件中显示加载状态。默认情况下它是关闭的,打开以启用它。您还可以通过单击 Fx 按钮以编程方式设置值 {{true}}{{false}}

验证

自定义验证

使用三元运算符为下拉小部件中的选项添加验证。

一般的

工具提示

当用户将鼠标指针悬停在小部件上时,工具提示通常用于指定有关某事的额外信息。

通用 折叠栏下,您可以设置字符串格式的值。现在将鼠标悬停在小部件上会将字符串显示为工具提示。

ToolJet - 小部件参考 - 下拉列表

布局

在桌面上显示

打开或关闭以在桌面视图中显示小部件。您可以通过单击 Fx 来设置值 {{true}}{{false}} ,以编程方式确定该值。

在手机上显示

打开或关闭以在移动视图中显示小部件。您可以通过单击 Fx 来设置值 {{true}}{{false}} ,以编程方式确定该值。

风格

ToolJet - 小部件参考 - 下拉菜单

边框半径

使用此属性修改下拉列表的边框半径。该字段只需要从 1100 的数值,默认为 0

可见性

这是为了控制小部件的可见性。如果为 {{false}},则在部署应用程序后小部件将不可见。它只能有布尔值,即 {{true}}{{false}}。默认情况下,它设置为 {{true}}

选中的文字颜色

通过提供 HEX 颜色代码 或从颜色选择器中选择颜色,更改小部件中所选选项的文本颜色。

禁用

此属性只接受布尔值。如果设置为 {{true}},小部件将被锁定并变得无法使用。默认情况下,它的值设置为 {{false}}

对齐文本

您可以通过以下方式对齐小部件内的文本:左对齐、右对齐、居中、对齐

信息

任何在其字段旁边具有 Fx 按钮的属性都可以以编程方式配置