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に同等のタグがあると思います。

よろしく、