Discussion :

[facilus68]

Bonjour,

Lorsque je clic sur le bouton "export", je fais un export des lignes d'une table vers un fichier Excel.

Ce traitement peut etre long en fonction du nombre de lignes de la table (prend plus d'une minute)

Au cours de l'export, je veux desactiver le button pour ne pas re-cliquer (refaire le traitement en cours) et le réactiver à la fin de l'export

Pendant l'export le navigateur montre qu'il y'a un traitement en cours non terminé (c'est normal parceque ca correspond au submit)

J'ai utiliser un boolean pour desactiver mais le commandButton ne se met pas à jour, pareil avec un binding; voici le code jsf utiliser :

Code :

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

1
2
3
4
5
6
7
8
 
<h:commandButton styleClass="inputbtn" style="margin-left:2px" 
							value="#{bundle['prompt.notesDeService.recherchePrixTransport.exporterPrix']}"
							action="#{recherchePrixTransport.bean.exporter}"  
							rendered="#{recherchePrixTransport.bean.saisieValide}"
							disabled="#{recherchePrixTransport.bean.exportButtonClicked}"
							actionListener="#{recherchePrixTransport.bean.exporterListener}"
							binding="#{recherchePrixTransport.bean.exportButton}"/>

Je ne sais pas s'il y'a une solution pour desactiver le button en cours du traitement

[ticroch]

Rajoute un onclick juste ?

Code :

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

1
2
3
4
5
6
7
8
9
 
<h:commandButton styleClass="inputbtn" style="margin-left:2px" 
							value="#{bundle['prompt.notesDeService.recherchePrixTransport.exporterPrix']}"
							onclick="this.disabled = true; "
							action="#{recherchePrixTransport.bean.exporter}"  
							rendered="#{recherchePrixTransport.bean.saisieValide}"
							disabled="#{recherchePrixTransport.bean.exportButtonClicked}"
							actionListener="#{recherchePrixTransport.bean.exporterListener}"
							binding="#{recherchePrixTransport.bean.exportButton}"/>

[facilus68]

Rajoute un onclick juste ?

Code :

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

1
2
3
4
5
6
7
8
9
 
<h:commandButton styleClass="inputbtn" style="margin-left:2px" 
							value="#{bundle['prompt.notesDeService.recherchePrixTransport.exporterPrix']}"
							onclick="this.disabled = true; "
							action="#{recherchePrixTransport.bean.exporter}"  
							rendered="#{recherchePrixTransport.bean.saisieValide}"
							disabled="#{recherchePrixTransport.bean.exportButtonClicked}"
							actionListener="#{recherchePrixTransport.bean.exporterListener}"
							binding="#{recherchePrixTransport.bean.exportButton}"/>

En ajout "onclick" le bouton se desactive mais l'action n'est pas eu lieu...ca ne se passe rien apres le clic sur le commandButton

[ticroch]

Ah c'est que le onclick a du écraser l'autre évènement ... Je ne connais pas trop JSF donc je peux pas t'aider dsl, je sais faire ces trucs la juste en JavaScript ....

[romaintaz]

Le problème est le suivant :
quand l'utilisateur clique sur le bouton, celui-ci va se désactiver avant de traiter la demande (i.e. l'envoi du formulaire). Or en se désactivant, il refusera de traiter la demande

Pour résoudre ton problème, il te suffit de décaler la désactivation du bouton de quelques dizaines de ms, ce qui empêchera donc l'utilisateur de cliquer à nouveau sur le bouton, mais qui n'empêchera pas la soumission du formulaire.

Pour ce faire :

Code :

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

1
2
3
4
5
6
7
<h:commandButton ... onclick="disableMe(this.id);"/>
 
<script type="text/javascript">
function disableMe(btnId) {
    setTimeout("document.getElementById('" + btnId + "').disabled = true;", 10);
}
</script>

(oui, il y a des façons plus élégantes de faire, mais bon)

[facilus68]

Merci Romain, le bouton se désactive et l'action se fait correctement.

ça me reste seulement à le réactiver quand l'action se termine automatiquement

Le problème est le suivant :
quand l'utilisateur clique sur le bouton, celui-ci va se désactiver avant de traiter la demande (i.e. l'envoi du formulaire). Or en se désactivant, il refusera de traiter la demande

Pour résoudre ton problème, il te suffit de décaler la désactivation du bouton de quelques dizaines de ms, ce qui empêchera donc l'utilisateur de cliquer à nouveau sur le bouton, mais qui n'empêchera pas la soumission du formulaire.

Pour ce faire :

Code :

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

1
2
3
4
5
6
7
<h:commandButton ... onclick="disableMe(this.id);"/>
 
<script type="text/javascript">
function disableMe(btnId) {
    setTimeout("document.getElementById('" + btnId + "').disabled = true;", 10);
}
</script>

(oui, il y a des façons plus élégantes de faire, mais bon)