ajax控件在给定场景中的使用

Question

在页面加载一个面板不能被看到，onclick按钮一些进程将继续，那时我需要以某种表示法显示进程，一旦进程结束，我需要显示面板

请帮帮我。

Answer 1

你有几个选项。一种是通过设置面板的内容Document.getElementById("panel_id").innerHTML = "Your content here..."

另一种方法是使用CSS元素在加载时隐藏面板。然后在onclick代码中更改该面板的属性。有关详细信息：http://www.w3schools.com/CSS/pr_class_visibility.asp

Answer 2

如果您正在使用AJAX，你有两个主要选择：

1. 裹在ASP.NET UpdatePanel控件的控制和处理的代码隐藏面板知名度。
2. 使用javascript（推荐使用jQuery）在后台代码中向WebMethods发出ajax请求，并在请求成功时从客户端更新UI。

如果您是ASP.NET/AJAX的新手，我会推荐选项1，因为它更容易实现。要做到这一点，你就会有这样的事情：

标记：

<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> 

代码隐藏：

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; 
} 

以上会使用AJAX来处理按钮单击事件，你可以这样做无论您需要什么，然后将面板设置为可见。