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());