Question

我正在使用rich：tooltip来显示验证错误消息。这适用于这是字段验证错误的字段，但对于没有字段验证错误的字段，在mousemove上显示空工具提示。这是我如何使用它

<rich:tooltip target="field1" layout="block" showDelay="500">
  <rich:message for="field1" />
</rich:tooltip>

有可能使用渲染属性控制工具提示的渲染行为，但我不知道如何检查我的页面是否存在某个字段的验证错误消息。

请给我一些关于如何摆脱这些空工具提示的提示或想法。

Answer 1

您可以判断邮件是否通过Javascript呈现。

空消息

<span class="rf-msg " id="menuForm:j_idt12"></span>

生成的消息

<span class="rf-msg " id="menuForm:j_idt12">
    <span class="rf-msg-err" id="menuForm:j_idt12:menuForm:error">
        <span class="rf-msg-sum">summary …</span>
        <span class="rf-msg-det">detail …</span>
    </span>
</span>

现在你可以这样做：

.hidden {
    visibility: hidden;
}

<rich:tootltip styleClass="hidden">
    <rich:message … />
</rich:tooltip>

<rich:jQuery query="removeClass('hidden')" selector=".rf-tt:has(.rf-msg-err)" id="unhide" />

这将从消息不为空的所有工具提示中删除隐藏的类。当你进行验证工作时，你需要重新渲染它。

rich：tooltip显示空工具提示，其中没有字段验证错误

1 个答案:

空消息

生成的消息