Jak przekazać zmienne JavaScript jako parametry do metody akcji JSF?

Question

Przygotowuję kilka zmiennych w JavaScript (w moim konkretnym przypadku, chciałbym dostać lokalizację GPS):

function getVars() { 
    // ... 
    var x = locationInfo.lng; 
    var y = locationInfo.lat; 
} 

Chciałbym wysłać je do zarządzanej fasoli za pomocą przycisku polecenia poniżej:

<h:commandButton value="submit" onclick="getVars()" action="#{bean.submit(x,y)}" /> 

public void submit(int x, int y) { 
    // ... 
} 

Jak mogę wysłać x i y zmienne z JavaScript do JSF udało metody działania fasoli?

Answer 1

Pozwól JS ustawić je jako ukryte wartości wejściowe w tej samej formie.

<h:form id="formId"> 
    <h:inputHidden id="x" value="#{bean.x}" /> 
    <h:inputHidden id="y" value="#{bean.y}" /> 
    <h:commandButton value="submit" onclick="getVars()" action="#{bean.submit}" /> 
</h:form> 

function getVars() { 
    // ... 
    var x = locationInfo.lng; 
    var y = locationInfo.lat; 

    document.getElementById("formId:x").value = x; 
    document.getElementById("formId:y").value = y; 
} 

Komenda sposób działania przycisku może po prostu do nich dostęp jako właściwości fasoli w zwykły sposób.

private int x; 
private int y; 

public void submit() { 
    System.out.println("x: " + x); 
    System.out.println("y: " + y); 
    // ... 
} 

// Getters+setters. 

Alternatywą jest użycie OmniFaces<o:commandScript> lub PrimeFaces<p:remoteCommand> zamiast <h:commandButton>. Zobacz także a.o. How to invoke a JSF managed bean on a HTML DOM event using native JavaScript?