Afficher et masquer div dans C # ne fonctionne pas

Je travaille sur une application web en C# .net, en utilisant le bootstrap de twitter dans frontoffice. Dans le bouton onClick, j'ai besoin d'afficher une div contenant une div progressBar et lorsque le processus est fini, masquer la div. J'utilise ce code:

web.aspx:


   //on load web,  this div is invisible
<div class="progress progress-striped active invisible" id="progressBar" runat="server">
  <div class="bar" style="width: 90%;" id="percentProgresBar"></div>
</div>

Et mon web.aspx.cs :

protected void btnProcess_Click(object sender, EventArgs e){
// here change class to "visible"
progressBar.Attributes["class"] = "progress progress-striped active visible";
//--- all my process ----
//--- all my process ----
//when my process finish, hide the div again, change the CSS class to "invisible"
progressBar.Attributes["class"] = "progress progress-striped active invisible";
}

Mon problème est que la div est visible quand mon processus se termine, pas au début. Comment puis-je résoudre ça? tPour rendre visible la div avant --- tout mon processus ---- et quand terminer cette partie de mon code, pour rendre le div invisible à nouveau.

Merci de votre aide!!

0
Vous ne pourrez pas affecter l'élément côté serveur, vous devez utiliser le JavaScript côté client pour cela et émettre une commande de manière asynchrone en utilisant quelque chose comme ajax.
ajouté l'auteur Charlie Brown, source

1 Réponses

instead of using those classes, give the attribute Style="display:none" to hide and Style="display:" to make it visible but that wont serve your purpose. But for displaying the progress bar you can simply use Update Progress

<form id="form1" runat="server">
   
   
     
         Loading...
     
 
 
     
         
     
   
</form>

Dans le code derrière updButton_Click met beaucoup de temps à mettre à jour, au cours de la période, vous verrez Chargement ... sur la page, vous pouvez changer le texte en un pour le rendre plus comme un ProgressBar (comme une image GIF de barre de déplacement)

1
ajouté
Merci !! .. mais, je ne comprends pas votre code ????
ajouté l'auteur Patricio, source
La mise à jour de la progression placée au-dessus de votre modèle de contenu dans un panneau de mise à jour fait le travail pour vous. non seulement pour le clic sur un bouton mais pour tous les événements côté serveur. Rappelez-vous que vous devez avoir un gestionnaire de script pour cela. @Patricio
ajouté l'auteur Shiva Saurabh, source