java - 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