Discussion :

[ekremyilmaz]

Bonjour,
Avant tout, je débute en jsf
j'aimerai executer une commande javascript et un action bean sur un composant jsf mais l'action bean n'est pas exécuté à cause du javascript.

code jsf:
ne soyez pas surpris par le bouton caché..., c'est comme ça que je dois utiliser, c'est imposé

Code :

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

1
2
3
 
<h:inputText value="#{richBean.name}" ondblclick="getElementById('jbForm1:bouton').click();" id="name">
<h:commandButton id="bouton" action="#{richBean.dblClick}" onclick="startWait('jbForm1','name')"   style="visibility:hidden;"/>

code js :

Code :

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

1
2
3
4
5
 
function startWait(idForm,element) {
var obj = document.getElementById(idForm+":"+element);
var ret = Form.disable(idForm); //framework js, qui permet de disable tous les champs d'un formulaire.
}

code java dans le bean richBean

Code :

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

1
2
3
4
5
6
7
 
public String dblClick() throws InterruptedException {
    	System.out.println("double clic 1");
    	Thread.sleep(5000);
    	System.out.println("double clic 2");
    	return "";
    }

En gros, quand on fait un double clic sur la textbox, on met en attente 5s le traitement, le champ est disable puis la page se recharge.

Mais le souci, c'est que ça marche pas. le js bloque la méthode du bean.

avez vous une idée ?

[Sniper37]

tu peux utiliser a4j pour cela: attributs qui peuvent être utile:requestDelay, timeout, eventsQueue..

[ekremyilmaz]

le a4j:commandButton ? d'après ce que j'ai compris, ce bouton ne s'occupe pas de la navigation

[ekremyilmaz]

voici ce que j'ai modifié

code jsf

Code :

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

1
2
3
4
5
6
7
 
<h:form id="jbForm1"> 
    <h:inputText   value="#{richBean.name}" ondblclick="getElementById('jbForm1:bouton').click();" id="name">
    <a4j:support  event="onblur" action="#{richBean.lostFocus}" />
    </h:inputText>
    <a4j:commandButton id="bouton" action="#{richBean.dblClick}" onclick="startWait('jbForm1');" oncomplete="reload('jbForm1')"  />
</h:form>

code js :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
function startWait(idForm) {
	var ret = Form.disable(idForm);
	return true;
}
 
function reload() {
	var obj = document.getElementById("jbForm1");
	obj.submit();
}

le souci, c'est qu'après le submit, la valeur du champ est perdu. Dans le faceconfig.xml, le scope du bean est à request.

[ekremyilmaz]

c bon ça marche !
j'avais oublié de mettre à jour dans le faces-config.xml

Code :

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

1
2
3
4
5
6
7
8
 
<navigation-rule>
		<from-view-id>/faces/greeting.jsp</from-view-id>
		<navigation-case>
			<from-outcome>HelloWorld</from-outcome>
			<to-view-id>/faces/greeting.jsp</to-view-id>
		</navigation-case>
	</navigation-rule>

En tout cas là c nikel, ça execute ma méthode et le startWait qui bloque tous les champs jusqu'à la fin de l'éxecution du traitement et ça recharge la page
je découvre jsf, c'est vraiment puissant

[ekremyilmaz]

comme par hasard, sur FF, ça marche et pas sur IE 8. Offff ça commence vraiment à me souler !!

c'est le Form du javascript qui ne reconnait pas. je comprend pas poourquoi !!
Form is undefined!!