jsf - JSF 和 Richfaces 中的错误消息

Question

如何在 JSF 和 Richfaces 中以字段旁边的图标形式显示验证错误消息，并且当鼠标悬停在错误图标上时会出现带有错误消息的工具提示？

Answer 1

您可以执行以下操作:

使用 <h:message tooltip="true" showSummary="true" showDetail="true" for=... /> :这样详细信息将显示为工具提示，隐藏摘要，将其替换为图标 ( see how )。

创建一个 <rich:panel id="myid" rendered="#{bean.errorDisplayed}"><h:graphicImage src"patho/to/image.png" /></rich:panel> , 创建工具提示 <rich:toolTip for="myid"><h:message for="inputid" /></rich:toolTip> , 在 backingbean 中使用 FacesContext.getMessages(String clientId)检查表单消息。要获取输入的 clientId 使用 UIComponentBase.getClientId

只需使用 h:message ，并做一些js技巧将显示的消息包装在工具提示中，并显示一个图标(所有js库都有工具提示插件)。