utilisation ajax control dans un scénario donné

Question

sur pageload un panneau ne doit pas être visible, onclick sur un bouton un certain processus va continuer, cette fois je dois montrer le processus dans une notation et une fois le processus terminé je dois afficher le panneau

S'il vous plaît aidez-moi.

Answer 1

Vous avez plusieurs options. La première consiste à définir le contenu du panneau via Document.getElementById("panel_id").innerHTML = "Your content here..."

Une autre consiste à utiliser des éléments CSS pour que le panneau soit masqué au moment du chargement. Ensuite, vous modifiez cet attribut du panneau dans votre code onclick. Pour plus de détails: http://www.w3schools.com/CSS/pr_class_visibility.asp

Answer 2

Si vous utilisez ajax, vous avez deux options principales:

1. Enveloppez vos contrôles dans un contrôle ASP.NET UpdatePanel, et faire face à la visibilité du panneau dans le code-behind .
2. Utilisez javascript (jQuery recommandé) pour envoyer des requêtes ajax à WebMethods dans le code derrière et, une fois la requête réussie, mettez à jour l'interface utilisateur côté client.

Je recommanderais l'option 1 pour la simplicité si vous êtes nouveau à ASP.NET/AJAX car il est plus facile à implémenter. Pour ce faire, vous auriez quelque chose comme ceci:

Markup:

<asp:ScriptManager ID="ScriptManager1" runat="server"/> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
    <ContentTemplate> 
     <asp:Panel ID="MyPanel" runat="server" Visible="false"> 
      <!-- panel contents here --> 
     </asp:Panel> 
     <asp:Button ID="MyButton" runat="server" OnClick="MyButton_Click" Text="Do Something"/> 
    </ContentTemplate> 
</asp:UpdatePanel> 

code-behind:

protected void MyButton_Click(object sender, EventArgs e) 
{ 
    //do something when the button is clicked 

    //set the panel visible so that when this round trip is complete, the panel will show 
    MyPanel.Visible = true; 
} 

Le serait ci-dessus utiliser ajax pour traiter l'événement de clic de bouton et vous pouvez faire tout ce dont vous avez besoin, puis définissez le panneau à visible.