자바 스크립트

Question

JSF 2.0, 인 Mojarra 2.0.1, PrimeFaces이 비슷한 질문을하지만 내가 STH 필요

3.4.1로 백업 빈 값을 얻기. 그밖에; javascript 함수는 js 함수에서 가져 오려고하는 변수를 채우는 backing bean 메소드를 기다려야합니다. 제가 말하고자하는 것은 다음과 같습니다 :

<p:commandLink action="#{statusBean.getStatuses}" oncomplete="afterLoad()"/> 

js 함수는 단지 값을 가져 와서 화면에 출력한다고 가정합니다. 우리가 3

을보고 기대하는 동안

@ManagedBean 
@ViewScoped 
public class StatusBean { 
    public int size=0; 
    List<Status> panelList = new ArrayList<Status>(); 
    public void getStatuses() { 
     this.panelList = fillList(); 
     this.size = panelList.size(); //Assuming 3 
    } 
    //getter and setters 
} 

그래서 함수가의 초기 값은 0과 크기, 경고 : 여기

function afterLoad() {  
    alert("#{statusBean.size}"); 
} 

그리고

은 생일 아이입니다 작동 방식 : @PostConstruct 주석을 bean의 머리에 추가하면, 페이지가로드되기 전에 bean이 이미 생성되었으므로 확실하게 올바른 크기를 얻습니다. 그러나 이는 중복 프로세스를 의미하며 commandlink 작업 후에 필요한 값입니다. 그래서 js 함수를 연기하는 방법? 어떤 아이디어?

Answer 1

JSF/EL과 HTML/JS가 동기화되어 실행되지 않습니다. 대신, JSF/EL은 웹 서버에서 실행되고 차례로 웹 브라우저에서 실행되는 HTML/JS를 생성합니다. 브라우저에서 페이지 열기, 오른쪽 클릭 및 소스보기. JSF/EL은 한 줄 밖에 없습니다. 그것은 하나의 HTML/JS입니다. JS 함수 대신에 다음과 같이 표시됩니다.

function afterLoad() {  
    alert("0"); 
} 

정확히이 JS 함수는 명령 단추 조치가 완료 될 때 호출됩니다. 따라서 그 결과는 충분히 기대됩니다.

기본적으로 JSF가 JS를 다시 렌더링하도록하고 싶습니다.

<p:commandLink action="#{statusBean.getStatuses}" update="afterLoad" oncomplete="afterLoad()"/> 
<h:panelGroup id="afterLoad"> 
    <h:outputScript> 
     function afterLoad() {  
      alert("#{statusBean.size}"); 
     } 
    </h:outputScript> 
</h:panelGroup> 

구체적인 기능 요구 사항에 따라 아무 것도 말하지 않은 경우보다 세련된 방법이있을 수 있습니다. 예를 들어 RequestContext#execute(), <o:onloadScript> 등

Answer 2

EL이 페이지가 렌더링 될 때 계산되고 컨테이너를 업데이트 할 수 있습니다 (일부 JSF 구성 요소에있는 경우). 그러나 다른 접근 방법을 제안합니다.

AJAX 요청을 할 때 getStatuses() 메서드에 콜백 매개 변수를 추가 할 수 있습니다. 당신은이에 대한 Primefaces의 RequestContext 유틸리티 메소드 addCallBackParam()를 사용할 수 있습니다

public void getStatuses() { 
    this.panelList = fillList(); 
    this.size = panelList.size(); 
    RequestContext.getCurrentInstance().addCallBackParam("size", this.size); 
} 

당신은 XHTML이 매개 변수를 사용할 수 있습니다

<p:commandLink action="#{statusBean.getStatuses}" oncomplete="afterLoad(xhr, status, args)"/> 

<script type="text/javascript"> 
    function afterLoad(xhr, status, args) {  
    alert(args.size); 
    } 
</script>