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

Question

如何在单击其他 div 图像时动态替换 DIV 中的图像，如图所示。 要求是这样的： 单击“DIV1”根应更新为1 ..单击“Div2”根应更新为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/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