Discussion :

[minos23]

J'utilise JSF et j'ai un commandButton, je veux que sa première action est d'exécuter une fonction javaScript et sa deuxième action est d'appeler une fonction de bean

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

action="#{envoi.boutonActionDest}"

.
Comment je peux attribuer ces deux actions au meme commandButton?
Merci d'avance.

[Sniper37]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onclick="javascript:xxxx"

[romaintaz]

Tout simplement comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<h:commandButton onclick="monJavascript();" action="#{monBean}"/>

[minos23]

Tout simplement comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<h:commandButton onclick="monJavascript();" action="#{monBean}"/>

Peut être j'ai mal formulé ma question car avec votre code dans un seul clique on appelle la fonction javaScript et le bean or je veux que dans le premier clique sur le bouton j'appelle la fonction javaScript et dans un deuxième clique sur le meme bouton j'appelle la fonction de mon bean.
Merci

[piopium]

Je vois plusieurs solutions possibles:
1) mettre en place 2 boutons, dans le managedBean une variable d'état. Lorsqu'on clique sur le premier bouton la variable passe à 1 et dans le second bouton, l'attribut rendered="#{monBean.maVariable == 1}"

2) travailler avec un backing bean qui va permettre de travailler sur les attributs action et onclick du bouton

Voilà pour l'info.

[minos23]

2) travailler avec un backing bean qui va permettre de travailler sur les attributs action et onclick du bouton

Voilà pour l'info.

Je dois utiliser un seul bouton, j'ai pas compris la deuxième solution, pouvez vous m'expliquer un peu plus? Merci

[romaintaz]

C'est un peu tordu comme comportement (je trouve) mais ça peut se faire en utilisant un champ caché indiquant le nombre de fois où l'utilisateur a cliqué sur le bouton.
Lors du 1er clic, on exécute le Javascript, et dans le cas contraire, on exécute l'action du bean.

Cela se traduit ainsi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<input type="hidden" id="nbClicBouton" value="0"/>
 
<h:commandButton action="#{monBean.monAction}" onclick="return testBtn();"/>
 
<script type="text/javascript">
function testBtn() {
    var obj = document.getElementById("nbClicBouton");
    if (obj.value == "0") {
        // Premier clic sur le bouton...
        executeMethodeJavascript();
        obj.value = "1";
        // En retournant false, le onclick du commandButton retournera lui-même false, et le bouton n'enverra rien au serveur, et donc l'action au niveau du bean ne sera pas exécutée...
        return false;
    }
    // Le bouton a déjà été cliqué.
    // En retournant true, le onclick du commandButton retournera lui-même true, et le bouton enverra la requête au serveur, et donc l'action au niveau du bean sera exécutée...
    return true;
}
</script>