javascript - AEM 6.1 复选框启用/禁用标签属性

Question

我已经创建了我的第一个 AEM 组件。功能非常简单:当将该组件拖放到页面上时，该组件将生成包含 URL 的内容，并提供一个配置选项以在新窗口中打开该 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" 作为值:

<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"/>

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