Primefaces : GraphicImage가 새로 고침되지 않습니다.

Question

abutton 및 그래픽 이미지가 필요합니다. 기본적으로 그래픽 이미지는 표시되지 않습니다. 사용자가 버튼을 클릭하면 그래픽 이미지가 표시됩니다 (rendered = true).

나는 할 수 있지만 그래픽 이미지가 표시되도록 페이지를 새로 고쳐야합니다.

버튼을 클릭했을 때 직접 표시하기 위해 아약스 컴포넌트를 사용해야한다고 생각하지만, 그것을 corectly로 사용할 수는 없습니다. 나를 안내해 주시겠습니까?

XHTML :

<h:body> 
    <h:form> 
     <p:commandButton value="Prendre la photo générique" 
      id="boutonPhotoGenerique" icon="ui-icon-image" 
      action="#{defaultCommandBean.affichePhotoGenerique}"> 
      <p:graphicImage id="photoGenerique" 
       rendered="#{defaultCommandBean.rendered}" 
       value="photos/photo_generique.jpg" /> 
     </p:commandButton> 
    </h:form> 
</h:body> 

관리 콩 :

@ManagedBean(name = "defaultCommandBean") 
@SessionScoped 
public class DefaultCommandBean { 

    private boolean rendered; 

    public boolean isRendered() { 
     return rendered; 
    } 

    public void setRendered(boolean rendered) { 
     this.rendered = rendered; 
    } 

    public void affichePhotoGenerique() { 
     rendered = true; 
    } 
} 

Answer 1

나는 문제를 발견했다 : 내 graphicImage 구성 요소를 id = "panel"; 내 업데이트 속성을 "panel"로 수정했습니다. 자, 사진이 직접 표시됩니다.

Answer 2

이 commandButton 외부 graphicImage을 넣고 버튼에 update = 'photoGenerique'을 선언합니다. 이와 같이 :

<h:form> 
<p:commandButton value="Prendre la photo générique" update="photoGenerique" 
      id="boutonPhotoGenerique" icon="ui-icon-image" 
      actionListener="#{defaultCommandBean.affichePhotoGenerique}"> 

</p:commandButton> 
<p:graphicImage id="photoGenerique" 
       rendered="#{defaultCommandBean.rendered}" 
       value="photos/photo_generique.jpg" /> 
</h:form>