Discussion :

[Edta]

Bonjour,

Je souhaite afficher un messagebox permettant à l'utilisateur de confirmer la suppression d'un objet. en cherchant il faut utiliser une commande du style:

Code :

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

1
2
3
4
5
 
<h:commandLink id="imgLinkDelete" action="#{Users_1.imgLinkDelete_action}" immediate="true" onclick="if (!confirm('#{bundle.deleteUser_title}')) return false">
    <h:graphicImage alt="#{bundle.delete}" title="#{bundle.delete}" 
    value="../../resources/images/bouton-supprimer.png"/>
</h:commandLink>

Ma question est quand je fais cela avec l'action suivante :

Code :

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

1
2
3
4
5
6
 
public String imgLinkDelete_action() {
        setSelectedUserInSession();
        System.out.println("Je suis ici");
        return "goToDeleteUser_1";
    }

Je n'ai pas de boite de dialogue qui s'affiche et le message "je suis ici" est affiché dans netbeans. Que dois je faire pour afficher ma boite de dialogue et pouvoir traiter la réponse dans mon backingbean?

[Sniper37]

peut etre le problème dans la fonction confirm

[Edta]

Je n'ai pas de fonction confirm.

[romaintaz]

La fonction confirm est en effet une fonction de base de Javascript. Je doute que l'erreur vienne de là !

Ton code me semble pourtant correct, c'est étrange.

Quelques idées de tests :
1. Tester sans le immediate="true"...

2. Utiliser un alert sur le onclick pour voir si le message est bien affiché, du genre onclick="alert('ok'); ..."

[Edta]

1. J'ai enlevé le immediate="true" pas de changement

2. J'ai modifié le onclick par "alert('#{bundle.deleteUser_title}')" pas d'affichage

3. J'ai modifié le message d'alert par une chaine constante à savoir "coucou" et je n'ai rien qui apparait

Voici le code généré pour le lien:

Code :

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

1
2
 
<a id="mainFormUser:dataTable:2:imgLinkDelete" href="#" onclick="document.forms['mainFormUser']['com_sun_rave_web_ui_appbase_renderer_CommandLinkRendererer'].value='mainFormUser:dataTable:2:imgLinkDelete';document.forms['mainFormUser'].submit(); return false;"><img src="../../resources/images/bouton-supprimer.png" alt="Supprimer" title="Supprimer" /></a>

[romaintaz]

C'est bizarre...

Moi avec un code comme celui-ci :

Code :

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

<h:commandLink value="Test" onclick="alert('coucou');" action="..."/>

j'obtiens une code HTML qui ressemble à ça :

Code :

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

<a href="#" onclick="var a=function(){alert('Coucou');};var b=function(){if(typeof jsfcljs == 'function'){jsfcljs(document.forms['myForm'],'myForm:j_id323,myForm:j_id323','');}return false};return (a()==false) ? false : b();">Test</a>

Tu utilises quelle implémentation de JSF ? Celle de Sun ? Celle d'Apache ?

Edit: Visiblement, d'autres personnes ont eu le même problème (voir ici) mais pas de vraie réponse à ce problème...

[Edta]

J'ai un début de réponse. Je fais appel à une fonction javascript pour modifier la fonction onclik. Mon problème c'est que je ne sais pas comment récupérer mon nombre de ligne dans la table pour faire cette fonction sur toutes les commandlink de toutes lignes et pas juste la premiere.

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
 
<script type="text/javascript" >
                function addAlert() {
                   var deleteLink = document.getElementById("mainFormUser:dataTable:0:imgLinkDelete");
                    var oldOnClick = deleteLink.onclick;
                    deleteLink.onclick = function() {
                        if (confirm("Etes vous sur de vouloir supprimer cet element ?")) {
                            oldOnClick();
                        }
                        return false;
                    }          
                }
 
                function addLoadEvent(func) {
                    var oldonload = window.onload;
                    if (typeof window.onload != "function") {
                        window.onload = func;
                    } else {
                        window.onload = function(){
                            oldonload();
                            func();
                        }
                    }
                }
 
                addLoadEvent(addAlert);
            </script>

[Edta]

Pour l'afficher sur toutes les lignes il faut modifier la fonction addAlert de la façon suivante:

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
 
function addAlert() {
                    var table = document.getElementById("mainFormUser:dataTable");
                    var i = 0;
 
                    while(table.nextSibling != null){
                        var deleteLink = document.getElementById(table.id + ":" + i + ":imgLinkDelete" );
                        var oldOnClick = deleteLink.onclick;
                        deleteLink.onclick = function() {
                            if (confirm("Etes vous sur de vouloir supprimer cet element ?")) {
                                oldOnClick();
                            }
                            return false;
                        }
                        i = i + 1;
                    }            
                }

en espérant que cela servira à d'autres personnes.