使用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中有一個等效的標簽。

問候，