如何使 AEM/CRX 中的输入字段成为必需？

Question

由于我们的 AEM 人员目前不在办公室，我需要在 CRX 中修复一些问题。我的网站上有一个带有复选框的表单，作者可以在其中设置文本。现在我正在尝试添加功能以将此复选框设置为在创作对话框中是必需的。

我能够在创作中找到具有此属性的文本字段，但在 CRX 的 html 中我只看到代码 required=${required}，其中标签等其他字段显示为 ${properties.label}，并且在 CRX 中有相应的节点.我不明白 required 是如何实现的，在这里需要帮助。

我已经尝试将required=${required} 添加到我的复选框输入标记中，但这不起作用，因为在创作对话框中仍然没有复选框/开关来使该字段成为必填项（这是意料之中的）。

如果作者在创作对话框中将其设置为必需，则这是标记中的行：

<input required="${required}" type="checkbox" name="campaignform-termsofservice"/>

这是我希望能够要求的复选框的整个 html：

<div data-sly-test="${!empty}" class="form__text">
<label class="maut-checkbox--container">

    <input required="${required}" type="checkbox" name="campaignform-termsofservice"/>
    <span class="maut-checkbox--checkmark"></span>

    <span>${properties.checkboxtext @context='html'}</span>
    <div><a href="${properties.tncLink @ extension='html'}">${properties.tncText}</a></div>
    <div style="color:white;" class="authoring-error" data-sly-test="${wcmmode.edit && !tncDate.tncLinkActivationDate}">${'b2x.maut.campaignform.dialog.tos.activationmessage' @ i18n, source='user'}</div>
    <input type="hidden" name="maut.field.tnc" value="${tncDate.tncLinkActivationDate}" />
</label>
</div>

现在我只需要弄清楚如何在创作对话框中显示将其设置为必需的选项。

提前致谢

Answer 1

如果您想知道required=${required} 是如何实现的，那么首先在组件的html 中查找data-sly-use.required 之类的内容。这将有一个类似=com.project.yourProject.className 或一些js 文件的表达式。

让我们讨论一下最常见的java案例。 data-sly-use 所做的是它创建了您在表达式中给出的类的对象。在您的情况下，您的对象是required。然后，您需要检查表达式计算为的 java 类。通常所有的后端逻辑代码都是他们的，如果需要对作者在对话框中输入的数据进行一些操作或验证，他们将是他们的。此类还将包含将类变量映射到对话框的属性值的注释。 希望这能解释这个${required} 的来源。如果您查看 data-sly-use 表达式所引用的 java 类，您会更清楚。