Ajax控件UpdateProgress的使用心得

             最近做网站用到了UpProgress控件，所以把遇到的问题和自己的看法写下来，供以后参考，也希望给大家代码帮助。

UpProgress是和UpdatePanel一起使用的。实现效果就是在提交到服务器的时候，显示提示，比如：“数据加载中，请稍微..”给用户一个好的用户体验。这个的用法也简单。下面就是具体代码：

<form id="form1" runat="server"> <div> <asp:ScriptManager ID="script" runat="server"> </asp:ScriptManager> <asp:UpdatePanel ID="update" runat="server"> <ContentTemplate> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> <asp:Button ID="Button1" runat="server" Text="Button1" OnClick="Button1_Click" /> <asp:UpdateProgress ID="progress" runat="server" AssociatedUpdatePanelID="update"> <ProgressTemplate> <span style="color: Red;" mce_style="color: Red;"><strong>数据加载中....</strong> </span> </ProgressTemplate> </asp:UpdateProgress> </ContentTemplate> </asp:UpdatePanel> </div> <asp:DataList ID="DataList1" runat="server"> </asp:DataList> </form>

后台代码：

protected void Page_Load(object sender, EventArgs e) { } protected void Button1_Click(object sender, EventArgs e) { System.Threading.Thread.Sleep(2000); Label1.Text = DateTime.Now.ToString(); }

这样的代码相信大家一看就明白，单击Button1按钮的时候，线程休眠2秒，然后执行 Label1.Text = DateTime.Now.ToString();

这样也可以，网上大多数也是这样写的。但是这样就有一个问题。当我在点击这个按钮后需要加载非常多的数据，为了不让用户点击后没有反应，于是给予“数据加载中...”的提示，但是本来加载就耗费时间，在Sleep(2000)不是要更长的时间吗，不但没有起到作用反而加载的时间更长。

       于是这样就不行了。需要考虑另外的方法。其实UpdateProgress还有一个属性DisplayAfter，就是说多少秒后触发，一般设为0，就会立即显示。只要设置这个属性后，并且UpdateProgress是在UpdatePanel之类，任何服务器控件触发了时间，都会显示“数据加载中...”，这样如果在一个按钮中需要执行的方法要耗费很长的时间后，用这种，就可以实现真正的提示。数据什么时候加载完毕，提示就什么时候消失。这样就真正的实现了提示的功能。