动态更新图像...... JSF

Question

如何在点击其他div图像时动态替换DIV中的图像，如图所示。 要求是这样的： 点击“DIV1”root应该更新为1 ..点击“Div2”root应该更新为2。从某些URL和Root加载图像的所有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 / getters：

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