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