Attribution de deux actions à un bouton

**minos23** · 19/05/2009, 12h53

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** · 19/05/2009, 14h19

Code :

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

onclick="javascript:xxxx"

**romaintaz** · 19/05/2009, 14h24

Tout simplement comme ceci :

Code :

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

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

**minos23** · 19/05/2009, 18h36

Envoyé par romaintaz

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** · 20/05/2009, 01h37

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** · 20/05/2009, 02h21

Envoyé par piopium

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** · 20/05/2009, 08h54

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>

**minos23** · 21/05/2009, 14h32

Merci pour votre aide mais j'ai encore du problème lorsque je mis

Code :

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

var obj = document.getElementById("MyForm:nbClicBouton");

ça génère une erreur :

Code :

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

1
2
3
4
Multiple annotations found at this line:
	- Unreachable code
	- Type mismatch: cannot convert from Element to 
	 ___obj0

voilà mon code:

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<html>
 
 <f:view >
<h:form id="MyForm" style="background-color: CornflowerBlue; width: 1254px">
<h:panelGrid border="0" columns="8" style="width: 365px; height: 100px">
			<h4><h:outputText value="Nom" style="width: 65px; height: 20px"></h:outputText></h4>
			<h:inputText id="nomDestinataire"  disabled="true" value="#{envoi.nomDest}" style="width: 151px; height: 30px"></h:inputText>
			<h4><h:outputText value="Prénom" style="width: 65px; height: 30px"></h:outputText></h4>
			<h:inputText id="prenomDestinataire" disabled="true" value="#{envoi.prenomDest}" style="width: 151px; height: 30px"></h:inputText>
			<h4><h:outputText value="Tél" style="width: 65px; height: 30px"></h:outputText></h4>
			<h:inputText id="telDestinataire" disabled="true" value="#{envoi.telDest}" style="width: 151px; height: 30px"></h:inputText>
		</h:panelGrid><br>
<h:panelGrid border="0" columns="3" style="width: 648px;height: 40px;">
			<input type="hidden" id="nbClicBouton" value="0"/>
 
			<h:commandButton value="Ajouter destinataire" action="#{envoi.boutonActionDest}" onclick="return testBtn();" style="width: 160px"> </h:commandButton>
 
		</h:panelGrid>
</h:form>
 
 </f:view>
<script type="text/javascript">
    function testBtn() {
    var obj = document.getElementById("MyForm:nbClicBouton");
    if (obj.value == "0") {
        // Premier clic sur le bouton...
        document.getElementById("MyForm:nomDestinataire").disabled = false;   
        document.getElementById("MyForm:prenomDestinataire").disabled = false;  
        document.getElementById("MyForm:telDestinataire").disabled = false;  
        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>
 
</html>

Merci d'avance

**minos23** · 22/05/2009, 15h21

Merci votre code marche bien et ne me génère plus d'erreur maintenant, le problème étais dans mon projet. Maintenant j'ai rencontré un autre problème c'est que dans le premier clique sur le bouton j'active des champs texte et ça marche bien mais dans le deuxième clique je veux insérer ce que j'écris dans ces champs,dans ma base de données donc je fais appelle à mon bean.Le problème est que dans mon bean ces champs devient 'null'. Je crois que le problème est que dans mon deuxième clique, les champs texte se désactivent une autre fois et je ne sais pas pourquoi or que je veux les garder activés.
Comment je peux résoudre ce problème?c'est à dire comment je peux garder ces champs activés après le deuxième clique et ne me rends pas la page tel qu'elle était au début?
Merci

**minos23** · 25/05/2009, 23h26

Svp aidez moi je me bloque encore.Merci

Attribution de deux actions à un bouton

JSF Java

Discussions similaires

Partager

Partager