asp.net ajax updatepanel控件使用(网页自动部分更新)

前提:安装ASP.NET 2.0 AJAX Extensions和AjaxControlToolkit。
安装方法:
1.运行 ASPAJAXExtSetup.msi
2.安装 AjaxControlToolkit
1)解压缩 AjaxControlToolkit.zip 到 C:\Program Files\Microsoft ASP.NET\AjaxControlToolkit
2)打开 C:\Program Files\Microsoft ASP.NET\AjaxControlToolkit\AjaxControlToolkit.sln,选择“正常加载项目”
3)重新生成解决方案,关闭 VS.NET
4)运行 C:\Program Files\Microsoft ASP.NET\AjaxControlToolkit\TemplateVSI\bin\AjaxControlExtender.vsi
5)使用时要把 AjaxControlToolkit.dll 加到控件组中
3.运行 ASPNETFutures.msi
4.运行 ASPAJAXSamples.msi
====
1、创建一个asp.net ajax control project网站项目,如果项目已经创建成了普通网站的项目,需要修改配置文件web.config,修改内容可参考创建asp.net ajax control project项目生成的web.config.
2、拉一个scriptManage控件。
3、在下面scriptManage拉一个UpdatePanel控件。
4、在UpdatePanel控件里拉一个Timer控件和一个Label控件。
5、设置Timer的执行间隔和执行事件tick.事件,服务器代码如:

this.Label1.Text = DateTime.Now.ToString();
this.UpdatePanel1.Update();

6、设置UpdatePanel的属性,页面代码如下:

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>自动更新&nbsp;<br />
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<asp:Timer ID="Timer1" runat="server" Interval="1000" OnTick="Timer1_Tick" >
</asp:Timer>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
</Triggers>
</asp:UpdatePanel>

参考

http://blog.chinaunix.net/uid-574845-id-2734220.html

你可能感兴趣的:(ASP.NET)