UpdateProgress et masquage de bouton

Version imprimable

Bonjour,

je travaille actuellement sous Visual Studio 2008 et C# sur une appli Web.

J'ai une page qui me pose un petit souci. Elle propose d'importer un fichier en appuyant sur un bouton. Le traitement prend anviron 5 mns. Du coup, pour faire patienter l'utilisateur j'essaie de mettre en place un UpdateProgress avec un gif animé - qui marche bien à l'heure actuelle.
Cependant, je voudrais rendre inactif ce fameux bouton pendant tout le traitement et le réactiver ensuite.
Voici un bout de code assez simpliste :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <fieldset> <asp:Label ID="Label1" runat="server" Text=""></asp:Label> <br /> <br /> <asp:Button runat="server" ID="button_import" Text="Button" onclick="Unnamed1_Click" OnClientClick ="test.style.visibility='hidden';"/> </fieldset> </ContentTemplate> </asp:UpdatePanel> <asp:UpdateProgress ID="UpdateProgress1" runat="server"> <ProgressTemplate> <img src ="../ressources_css/ajax-loader.gif" alt ="Loading" /> </ProgressTemplate> </asp:UpdateProgress>
le but étant de désactiver le bouton 'button_import'.

merci d'avance, si quelqu'un a une idée..

03/12/2008, 16h01
Kerod

Avec le peu de connaissance en ASP, essayes ceci :

Code:

this.enabled = false;

Dans le onclientclick. Si ça marche pas, alors la version longue

Code:

document.getElementById('button_import').enabled=false;

Pour le réactiver à la fin de l'upload, alors là il faut faire appel à la méthode de Succès et y mettre ton javascript

Code:

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
28
29
30
 
<script type="text/javascript" language="javascript" >
    // On rajoute une fonction qui s'exécutera à toutes les initialisations de requête Ajax
    Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest(InitializeRequestHandlerResult);
 
    // On rajoute une fonction qui s'exécutera à tous les retours de requête Ajax
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandlerResult);
 
    function InitializeRequestHandlerResult(sender, args)
    {
        if(sender._postBackSettings.sourceElement.id == '<%= button_import.ClientID %>')
        {
            //On masque le bouton
            $get('<%= button_import.ClientID %>').style.visibility = 'hidden';
 
            return true;
        }
    }
 
    function EndRequestHandlerResult(sender, args)
    {
        if(sender._postBackSettings.sourceElement.id == '<%= button_import.ClientID %>')
        {
            //On affiche le bouton
            $get('<%= button_import.ClientID %>').style.visibility = 'visible';
 
            return true;
        }
    }
</script>

04/12/2008, 18h14
rouls

Nickel :D

Merci à vous