文本字段描述 RichFaces答案

【问题标题】：TextField description RichFaces文本字段描述 RichFaces
【发布时间】：2013-05-21 19:46:48
【问题描述】：

我正在使用richfaces，当像照片一样单击该字段时，我需要显示“X”消息。这是我在 xhtml 中的代码：

    <!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a4j="http://richfaces.org/a4j">

    <rich:panel>
    <h:form>
        <h:panelGrid columns="3">
            <h:outputText value="Name:" />
            <h:inputText label="Name" id="name" required="true"
                value="#{loginAction.username}">
                <f:validateLength minimum="3" />
            </h:inputText>
            <rich:message for="name" style="color:red;">
                <f:facet name="errorMarker">
                    <h:graphicImage value="/img/error.gif" />
                </f:facet>
            </rich:message>

            <f:facet name="footer">
                <a4j:commandButton value="Validate" />
            </f:facet>
        </h:panelGrid>
    </h:form>
    </rich:panel>
</ui:composition>

我想要这样的东西，在提交之前，只有在点击该字段时：

谢谢。

【问题讨论】：

标签： java javascript jsf richfaces

【解决方案1】：

使用richfaces 的<rich:tooltip/> 在您的文本框旁边显示可自定义和可换肤的工具提示。来自演示示例：

<h:inputText label="Name" id="name" required="true" value="#{loginAction.username}">
            <f:validateLength minimum="3" />
               <rich:tooltip followMouse="false" showEvent="onclick" showDelay="1500" styleClass="tooltip-custom-body" layout="block">
            <span style="white-space: nowrap"> This tool-tip content is also <strong>pre-rendered</strong> to the
                page.<br /> </span>
     </rich:tooltip>
 </h:inputText>

【讨论】：