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

链接

链接小部件允许您添加超链接并导航到外部 URL。

ToolJet - 小部件 - 链接

特性​

属性说明期望值
链接目标此属性设置用户在单击链接时需要转到的 URL示例:https://dev.to/tooljet 或 {{queries.xyz.data.url}}
链接文字此属性设置链接小部件的文本示例: 单击此处 或 打开网页
目标类型此属性指定在单击链接时要在同一选项卡或新选项卡中打开的链接选项:New Tab & Same Tab

活动​

要将事件添加到链接,请单击小部件句柄以打开右侧栏中的小部件属性。转到 Events 部分并单击 Add handler。

点击​

单击时 事件在单击链接时触发。就像 ToolJet 上的任何其他事件一样,您可以为单击事件设置多个处理程序。

悬停​

On Hover 当链接悬停时触发事件。就像 ToolJet 上的任何其他事件一样,您可以为单击事件设置多个处理程序。

信息

查看 Action Reference 文档以获取有关所有 Actions 的详细信息。

一般的​

工具提示​

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

在 General 手风琴下,您可以设置字符串格式的值。现在将鼠标悬停在小部件上会将字符串显示为工具提示。

布局​

布局说明期望值
在桌面上显示打开或关闭以在桌面视图中显示/隐藏小部件。您可以通过单击 Fx 以设置值 {{true}} 或 {{false}} 来以编程方式确定该值
在手机上显示打开或关闭以在移动视图上显示/隐藏小部件。您可以通过单击 Fx 以设置值 {{true}} 或 {{false}} 来以编程方式确定该值

风格​

ToolJet - 小部件 - 链接
款式说明
文字颜色您可以通过输入十六进制颜色代码或从颜色选择器中选择您选择的颜色来更改文本的背景颜色。
文字大小默认情况下,文本大小设置为 14。您可以输入 1-100 之间的任何值来设置自定义文本大小。
下划线您可以通过以下方式更改文本的下划线:on-hover(默认)、never、always
能见度打开或关闭以控制小部件的可见性。您可以通过单击旁边的 Fx 按钮以编程方式更改其值。如果为 {{false}},则在部署应用程序后小部件将不可见。默认情况下,它设置为 {{true}} 。
信息

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