Pierwsze podkładką wartość Bean z JavaScript

Question

JSF 2.0, 2.0.1, Mojarra PrimeFaces 3.4.1

Istnieją podobne pytania, ale potrzebuję czegoś. jeszcze; Funkcja javascript musi czekać na metodę komponentu bean, która wypełnia zmienną, która ma być ściągnięta z funkcji js. Chcę powiedzieć, że:

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

Zakładając, że funkcja js właśnie pobiera wartość i drukuje ją na ekranie.

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

I tu jest dziecko urodziny:

@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 
} 

Więc funkcja alarmuje wielkość jako 0, co jest wartością początkową tego, podczas gdy my spodziewaliśmy się zobaczyć 3.

Jak to działa: Jeśli dodam adnotację @PostConstruct do główki fasoli, z pewnością otrzyma ona prawidłowy rozmiar, ponieważ komponent bean jest już zbudowany przed wczytaniem strony. Oznacza to jednak nadmiarowe procesy, których wartość jest po prostu wymagana po działaniu polecenia commandlink. Jak odłożyć funkcję JS? Jakieś pomysły?

Answer 1

JSF/EL i HTML/JS nie działają zsynchronizowane. Zamiast tego JSF/EL działa na serwerze WWW i produkuje HTML/JS, który z kolei działa w przeglądarce internetowej. Otwórz stronę w przeglądarce, rightclick i Zobacz źródło. Widzisz, nie ma jednej linii JSF/EL. To jeden i wszystkie HTML/JS. Na miejsce swojej funkcji JS, zobaczysz:

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

Dokładnie to funkcja JS się powoływać na kompletne swojego działania przycisku polecenia. Rezultat jest w pełni oczekiwany.

Zasadniczo, chcesz, aby JSF ponownie renderował ten fragment 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> 

W zależności od konkretnych wymagań funkcjonalnych, o których nic nie mówiono, mogą występować bardziej eleganckie sposoby. Na przykład: RequestContext#execute(), <o:onloadScript>, itp.

Answer 2

EL w twoim JavaScript jest obliczany, gdy strona jest renderowana i możesz zaktualizować jej kontener (jeśli jest w jakimś składniku JSF), ale sugerowałbym inne podejście.

Podczas tworzenia żądania AJAX można dodać parametr wywołania zwrotnego w metodzie getStatuses(). Można użyć Primefaces za metodę RequestContext użytkową addCallBackParam() na to:

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

i można użyć tego parametru w xhtml:

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

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