java - 画像を動的に更新するDiv..... JSF

Question

画像に示すように、他の div 画像をクリックすると、DIV 内の画像を動的に置き換える方法。要件は次のとおりです。「DIV1」ルートをクリックすると、1 で更新する必要があります。「Div2」ルートをクリックすると、そのように 2 で更新する必要があります。ある URL とルートから画像をロードするすべての div は、より大きな div です。

返信してください ...

Answer 1

次のようなことができます。

<div>
   <h:graphicImage id="root" value="#{managedBean.rootImage}" alt="image"/>
</div>

<div>
   <h:commandLink>
     <h:graphicImage value="images/image1.png" alt="image1"/>
     <f:setPropertyActionListener target="#{managedBean.rootImage}" value="images/image1.png" />
     <f:ajax event="action" render="root"/>  
   </h:commandLink>
</div>

そして、ManagedBean で、次のようなセッター/ゲッターを作成します。

public class ManagedBean{
    public String rootImage;
    public void setRootImage(String image) {
      this.rootImage= image;
    }
    public String getRootImage() {
      return rootImage;
    }
}

リファレンス: JSF - UIComponent のアクションに関する 2 つの質問