AEM 6.1 复选框 Enable/Disable 标记属性

Question

我已经创建了我的第一个 AEM 组件。功能非常简单：当组件被拖放到页面上时，组件将生成包含 URL 的内容，并提供一个配置选项以在新的 window 中打开 URL。

<a class="btn" href="${properties.ctaUrl}" target="${properties.ctaNewwindow}">${properties.ctaLabel}</a>

如何指定：target="_blank"？ ctaNewwindow的xtype为：checkbox.

Answer 1

如果您的复选框值为："true" 当复选框被选中时，您可以简单地使用像这样的内联表达式：

<a class="btn" href="${properties.ctaUrl}" target="${properties.ctaNewwindow != null && properties.ctaNewwindow.equals('true') ? '_blank' : '_self'}">${properties.ctaLabel}</a>

或者您可以在复选框定义中直接使用："_blank" 作为 value:

<required
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/foundation/form/checkbox"
    name="./required"
    fieldDescription="Check to open in new window."
    text="Open in new window"
    value="_blank"/>
<deleteRequired
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/foundation/form/hidden"
    name="./required@Delete"
    value="_blank"/>

并且您的代码无需任何额外检查即可运行。

AEM 6.1 复选框 Enable/Disable 标记属性

AEM 6.1 Checkbox Enable/Disable Tag Attributes

javascript

checkbox

jquery

components

aem