Atlas学习手记(Ajax.net)

最新推荐文章于 2025-01-22 01:00:00 发布

转载最新推荐文章于 2025-01-22 01:00:00 发布 · 731 阅读

文章标签：

#triggers #postback #asp.net #xmlhttprequest #ajax #浏览器

Asp.net 专栏收录该内容

19 篇文章

订阅专栏

UpdatePanel 是Atlas中一个很重要的控件，功能强大且容易使用，可以使我们只做很小的改动就可以向已有的ASP.NET站点添加Ajax。采用Dflying的建议，我也是由UpdatePanel进入Atlas的世界。本文将通过可视化和代码两种方式来实现向已有的ASP.NET应用程序中添加UpdatePanel。

主要内容

1 ．UpdatePanel概述

2 ．使用可视化方式

3 ．使用代码方式

一．UpdatePanel概述

< Atlas:UpdatePanel ID ="UpdatePanel1" runat ="server" Mode ="Always" >

< Triggers >

< Atlas:ControlEventTrigger ControlID ="DropDownList1" EventName ="SelectedIndexChanged" />

</ Triggers >

< ContentTemplate >

< asp:Label ID ="Label1" runat ="server" Width ="164px" Font-Bold ="True" ></ asp:Label >

</ ContentTemplate >

</ Atlas:UpdatePanel >

我们需要注意的是：

1 ．UpdatePanel的更新方式有两种，即上面的Mode

更新方式	说明
Always	每次AJAX PostBack或是普通PostBack的时候都会更新该Panel的内容 Mode ="Always"
Conditional	只有满足如下某一条件时才更新该Panel的内容：当Panel中的某个控件引发了PostBack时当Panel所指定的某个Trigger被引发时当Panel的Update()方法在Codebehind中被调用时 Mode =" Conditional"

2 ．Triggers元素指定了发生动作的事件源，UpdatePanel提供两种引发异步PostBack的Trigger：

Triggers	说明
ControlValueTrigger	当某个控件的某个指定的属性变化时更新。 < Atlas : ControlValueTrigger ControlID="DropDownList1" PropertyName="SelectedValue" />
ControlEventTrigger	当某个控件发出指定事件时更新。 < Atlas : ControlEventTrigger ControlID="DropDownList1" EventName="SelectedIndexChanged" />

3 ．ContentTemplate元素中指定了希望更新的部分，我们把需要动态更新的控件等都放在ContentTemplate中。下面我们将通过通过可视化和代码两种方式来看一下如何使用UpdatePanel。

二．使用可视化方式添加

1 ．新建Web Site项目，添加一个DropDownList和一个Label，并为DropDownList添加一些简单的Item：

< asp:DropDownList ID ="DropDownList1" runat ="server" Width ="167px" AutoPostBack ="True" OnSelectedIndexChanged ="DropDownList1_SelectedIndexChanged" >

< asp:ListItem > Nancy </ asp:ListItem >

< asp:ListItem > Andrew </ asp:ListItem >

< asp:ListItem > Janet </ asp:ListItem >

< asp:ListItem > Margaret </ asp:ListItem >

</ asp:DropDownList >

设置DropDownList的AutoPostBack属性为True，在SelectedIndexChanged事件中添加如下代码：

protected void DropDownList1_SelectedIndexChanged( object sender, EventArgs e)