使用映像动态更新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中，创建如下setter/getter：

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

参考：JSF - Two Questions about actions on UIComponent