Mashup Builder > 小组件 > 标准小组件 > 按钮小组件 (可应用主题)
按钮小组件 (可应用主题)
有关如何将小组件添加到混搭以及将其绑定到数据服务的信息,请观看以下视频。要在新选项卡中打开视频,请单击播放器上的标题。
“按钮”小组件用于在混搭中添加按钮,并在您单击该按钮时引发事件
* 
“按钮”小组件可在平台中作为标准版小组件使用,也可用作 web 组件 (可从 SDK 导入)。
“按钮”小组件的属性如下所列:
属性名称
说明
基本类型
默认值
是否可绑定? (Y/N)
是否可本地化? (Y/N)
Icon
用于设置按钮小组件的图标。
不适用
不适用
N
N
Label
按钮小组件标签中显示的文本
STRING
按钮
Y
Y
Disabled
使用此属性可以禁用混搭中的小组件。小组件会显示在混搭中,但无法单击。
BOOLEAN
False
Y
N
CustomClass
用于定义要应用于小组件顶层 div 的 CSS 类。可以输入多个类,以空格作为分隔符。
STRING
不可用
Y
N
ContextID
用于设置小组件的 ID。
STRING
不可用
Y
N
LabelAlignment
用于将小组件中的标签“靠左”、“靠右”或“居中”对齐。
STRING
居中
N
N
MaxWidth
用于设置按钮小组件的最大宽度。
如果超过最大宽度,按钮标签会被截断。
* 
MaxWidthWidth 属性不能一起使用。
NUMBER
不可用
N
N
MaxHeight
MultiLine 属性设置为 True 时,设置按钮的最大高度。
NUMBER
不可用
Y
N
MultiLine
设置允许标签文本继续到另一行。
* 
此属性在 ThingWorx 9.3.0 或更高版本中适用。
BOOLEAN
False
N
N
SVGIcon
用于选择要在“按钮”小组件中显示的 SVG 图标。要显示媒体实体,请使用标准 Icon 属性。
* 
此属性在 ThingWorx 9.3.0 或更高版本中适用。
Icon 属性的设置优先于 SVGIcon 属性。这意味着,如果用户使用 Icon 属性设置了图标,该图标会显示在按钮中。
MEDIA ENTITY
不适用
N
N
ButtonType
用于设置按钮类型。
按钮类型是“主要”、“次要”、“第三位”、“危险”和“透明”。每个按钮类型都有不同的样式。
STRING
主要
Y
N
TabSequence
用户按下 TAB 键时,小组件的突出显示顺序。
NUMBER
不可用
N
N
Clicked
单击按钮小组件时触发事件。
不适用
不适用
Y
N
TriggerClick
用于触发按钮单击操作的可绑定服务。
不适用
不适用
Y
N
Width
小组件宽度。默认情况下,宽度将设置为标签的宽度。在属性面板中输入一个值,或在工作区中调整小组件的大小,以设置固定的宽度。
* 
MaxWidthWidth 属性不能一起使用。
NUMBER
不可用
N
N
Height
小组件高度。默认情况下,高度将设置为标签的最大宽度。在属性面板中输入一个值,或在工作区中调整小组件的大小,以设置固定的高度。
NUMBER
不可用
N
N
TooltipField
设置当您将光标悬停在小组件上时显示的工具提示文本。
STRING
不可用
Y
Y
TooltipIcon
设置小组件工具提示的图标图像。
可添加图像或指定图像 URL 路径。
MEDIA ENTITY
不适用
N
N
这对您有帮助吗?