使用PrimeFaces的InputText的图像

Question

我打算将一个图像放在InputText旁边，如“*”，当在InputText中键入有效内容时，它会变为绿色（另一个图像）。我如何能够将图像与InputText一起放置？

Answer 1

如果您要添加“*”，只需添加类似

的内容即可

<h:panelGroup styleClass="#{myBean.valid?'geen':'red'}">*</h:panelGroup>

在您的输入旁边......

Answer 2

您也可以使用ajax：

以交互方式进行交互

<h:form>
    <h:inputText value="#{userBean.name}">
        <a4j:ajax event="keyup" render="out1,out2" />
    </h:inputText>

    <!-- For a textual * -->
    <h:outputText value="*" styleClass="#{userBean.valid?'green':'red'}" id="out1" />

    <!-- For an image -->
    <h:graphicImage value="#{userBean.valid?'/img/valid.png':'/img/notvalid.png}" id="out2"/>
</h:form>

很抱歉使用 RichFaces 标记 a4j：ajax ，我认为 Primefaces 中有一个等效标记。

此致