求UpdatePanel和UpdateProgress实现数据加载等待效果

Question

代码如下：
 <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdateProgress ID="UpdateProgress1" runat="server"  DisplayAfter="500" 
            AssociatedUpdatePanelID="UpdatePanel1">
        <ProgressTemplate>
          <div style="text-align:center">
                数据加载中，请稍后
           </div>
        </ProgressTemplate>
        </asp:UpdateProgress>
        
        
       <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always">
        <ContentTemplate>
            等待加载的内容
        </ContentTemplate>
        </asp:UpdatePanel>
        
        <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
 
    </form>//事件
 protected void Button1_Click(object sender, EventArgs e)
    {
        System.Threading.Thread.Sleep(2000);    }那该死的 “数据加载中，请稍后。。”怎么就从不出现呢求解
要的效果是： 页面加载或者 按下按钮时 出现“数据加载中，请稍后。。”的字样，过会才出现加载后的数据

Answer 1

http://hi.baidu.com/yy3b2007com/blog/item/7cd2ff4e8c24cbc4d0c86a47.html 参考。这里

Answer 2

   
       <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always">
        <ContentTemplate>
            等待加载的内容    <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />        </ContentTemplate>
        </asp:UpdatePanel>
        把button放在ContentTemplate里面

Answer 3

在UpdatePanel 里面加个Triggers 然后找到那个Button1 就可以了
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always">
        <ContentTemplate>
            等待加载的内容
        </ContentTemplate>
 <Triggers>  <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" /> </Triggers> 
        </asp:UpdatePanel>
http://book.51cto.com/art/200912/171520.htm

Answer 4

 <asp:ScriptManager ID="ScriptManager1" runat="server"> 
   </asp:ScriptManager> 
    <asp:UpdateProgress ID="UpdateProgress1" runat="server"> 
    <ProgressTemplate> 
      <div style="text-align:center">数据加载中，请稍后 </div>
  </ProgressTemplate> 
   </asp:UpdateProgress> 
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
     <ContentTemplate> 
    等待加载的内容  
     </ContentTemplate> 
    <Triggers> 
     <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" /> 
     </Triggers>  </asp:UpdatePanel>  <br /> <br /> 
     <asp:Button ID="Button1" runat="server"  Text="Click to initiate async request" OnClick="Button1_Click" /> 
 protected void Button1_Click(object sender, EventArgs e)
        {
            System.Threading.Thread.Sleep(2000);  
        }

Answer 5

因为UpdateProgress 会生成HTML代码的 DIV因此采用下面代码 
详细请看http://book.51cto.com/art/200912/171520.htm<div ID="UpdateProgress1" runat="server"  style="display:none">  数据加载中，请稍后  </div> 
       <asp:UpdatePanel ID="UpdatePanel1" runat="server" >
        <ContentTemplate> 等待加载的内容     </ContentTemplate>  
        </asp:UpdatePanel>
        <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack){ this.UpdateProgress1.Style["display"] = "block"; }
        }
        protected void Button1_Click(object sender, EventArgs e)
        {          
           System.Threading.Thread.Sleep(5000);
            this.UpdateProgress1.Style["display"] = "block";
        }