Ottenere valore backing bean con JavaScript

Question

JSF 2.0, Mojarra 2.0.1, 3.4.1 primefaces

Non ci sono domande simili, ma ho bisogno di qc. altro; la funzione javascript deve attendere il metodo backing bean, che sta riempiendo la variabile che voleva essere estratta dalla funzione js. Quello che voglio dire è:

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

Supponendo funzione js solo ottenere il valore e la stampa allo schermo.

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

E qui è il ragazzo di compleanno:

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

Quindi funzione avvisa la dimensione come 0, che è il valore iniziale di esso, mentre ci aspettiamo di vedere 3.

Come funziona: Se aggiungo l'annotazione @PostConstruct alla testa del bean, sicuramente ottiene la dimensione corretta, perché il bean è già stato costruito prima del caricamento della pagina. Ma questo significa processi ridondanti, valore appena necessario dopo l'azione commandlink. Quindi, come posticipare la funzione js? Qualche idea?

Answer 1

JSF/EL e HTML/JS non sono sincronizzati. Invece, JSF/EL viene eseguito nel server web e produce HTML/JS che a sua volta viene eseguito nel browser. Aprire la pagina nel browser, tasto destro e Visualizza sorgente. Vedete, non esiste una singola riga di JSF/EL. È tutto e tutto HTML/JS. Al posto della funzione JS, vedrete:

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

Esattamente questo JS funzione get invocato sulla completa della vostra azione pulsante di comando. Quindi il risultato è completamente previsto.

In pratica, si desidera consentire a JSF di re-renderizzare quel pezzo di 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> 

A seconda del requisito funzionale concreto, di cui non hai detto nulla, ci possono essere modi più eleganti. Ad esempio, RequestContext#execute(), <o:onloadScript>, ecc.

Answer 2

EL nel tuo JavaScript viene calcolato quando viene eseguito il rendering della pagina e puoi aggiornare il suo contenitore (se si trova in un componente JSF), ma suggerirei un altro approccio.

Mentre si effettua la richiesta AJAX, è possibile aggiungere il parametro di richiamata nel metodo getStatuses(). È possibile utilizzare il metodo RequestContext utilità di primefaces addCallBackParam() per questo:

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

ed è possibile utilizzare questo parametro in XHTML:

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

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