jsf - 带有 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中有一个等效标记。

问候，