LinkButton 链接按钮

在线示例

LinkButton - 链接按钮 是看上去像超链接的 按钮。

组件的 XML 名称：linkButton。

LinkButton 可以包含文本或图标（或二者均有）。下图展示了不同类型的按钮：

link button

基本用法

示例：

<layout>
        <linkButton id="saveButton"
                    caption="Save"
                    description="Click Me!"
                    icon="SAVE"/>
</layout>

LinkButton 与普通 Button 的不同仅在于外观。所有的属性和行为都与 Button 中描述的一样。

默认情况，LinkButton 的标题长度如果超出了 width 的值，会分成多行展示。因此，要展示多行的链接按钮，指定其 width 为绝对值即可。如果链接按钮的标题过长，而 width 又没有设置，此时标题会被截断。

可以修改默认行为将 LinkButton 的标题展示在一行：

  1. 创建主题扩展或 自定义主题。

  2. 定义 SCSS 变量 $jmix-link-button-caption-wrap: false。

XML 属性

action - align - caption - captionAsHtml - colspan - css - description - descriptionAsHtml - disableOnClick - enable - box.expandRatio - height - htmlSanitizerEnabled - icon - id - responsive - rowspan - shortcut - stylename - tabIndex - visible - width