Discussion :

[duffman]

Bonjour

j'ai un soucis en asp.net.

J'aimerais qu'un bouton ait le comportement suivant :

Lorsque l'utilisateur clique dessus, le curseur passe en sablier et le bouton est disabled (le bouton lance un traitement de quelques secondes et évidemment les utilisateurs pressés aiment appuyer sur le bouton plein de fois pour que ça aille plus vite )

En fouinant sur le net, je suis arrivé à la solution suivante :

J'ai sous-classé Button et surchargé la méthode Render 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
 
    public class MyBtCreate : System.Web.UI.WebControls.Button
    {
        private ClientScriptManager csm;
        public ClientScriptManager ClientScript
        {
            set { csm = value; }
            get { return csm; }
        }
        protected override void Render(HtmlTextWriter writer)
        {
            this.Attributes["onclick"] = "document.body.style.cursor = 'wait'; this.disabled = true; " + csm.GetPostBackEventReference(this, "", true) + ";";
            base.Render(writer);
        }
    }

et je set la propriété ClientScriptManager dans le PageLoad.

Ca fonctionne bien, à un bémol prêt, la validation causé normalement par le bouton ne fonctionne plus.
J'ai 4 champs obligatoires et 4 contrôles RequiredFieldValidator qui vont avec, le clic sur le bouton les ignore depuis cette modification.

Je pensais qu'en mettant "true" en 3ème argument à mon GetPostBackEventReference() ça enclencherait la validation mais je ne suis pas sur d'avoir compris de quelle validation on parle ici.

Quelqu'un peut-il éclairer ma lanterne ?

Merci d'avance

[lutecefalco]

La validation est liée à l'événement onclick. Donc je pense que la ligne suivante:

Code :

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

this.Attributes["onclick"] = "document.body.style.cursor = 'wait';

"supprime" l'appel aux validateurs.

[Philippe Vialatte]

Salut,

comme tu utilises un bouton, tu devrais plutot utiliser OnclientClick

Code :

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

1
2
 
this.OnclientClick = "document.body.style.cursor = 'wait'; this.disabled = true; "

[duffman]

Salut

merci pour vos réponses, j'ai trouvé une solution sur le net, je n'avais pas bien cherché il faut croire en tout cas ça marche super bien.

On fait ce qu'on veut avec le bouton et ça passe bien par la validation de la page au préalable donc c'est exactement ce que je cherchais.

Il suffit de rajouter le code suivant dans le Page_Load (par exemple):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
            System.Text.StringBuilder sbValid = new System.Text.StringBuilder();
            sbValid.Append("if (typeof(Page_ClientValidate) == 'function') { ");
            sbValid.Append("if (Page_ClientValidate() == false) { return false; }} ");
            sbValid.Append("this.value = '...';");
            sbValid.Append("this.disabled = true;");
            sbValid.Append("document.all.BtCreateWorkspace.disabled = true;");
            //GetPostBackEventReference obtains a reference to a client-side script function that causes the server to post back to the page.
            PostBackOptions opt = new PostBackOptions(this.BtCreateWorkspace);            
            sbValid.Append(this.Page.ClientScript.GetPostBackEventReference(opt));
            sbValid.Append(";");
            this.BtCreateWorkspace.Attributes.Add("onclick", sbValid.ToString());