65.9K
CodeProject 正在变化。 阅读更多。
Home

Atlas UpdatePanel 基础简介

starIconstarIconstarIconstarIcon
emptyStarIcon
starIcon

4.29/5 (11投票s)

2006年7月11日

CPOL

2分钟阅读

viewsIcon

128922

这是一个关于如何在你的 ASP.NET 页面中使用新的 "Atlas" UpdatePanel 的简短教程。它简单、容易、有趣。

引言

欢迎!就我而言,我采用 Atlas 晚了太多。它非常强大,但又非常容易使用。我没有太多时间,所以我想使用这项新技术会花费我很多时间,但事实并非如此。

这篇文章将让你快速进入令人惊叹的 Atlas 世界!!!

让我们开始吧!

  1. 下载 Atlas,它是一个 2.2 MB 的文件,所以我怀疑老板不会介意的;) 在此下载
  2. 引用 Microsoft.Atlas DLL。
  3. 检查 Atlas 工具是否已添加到你的工具箱;如果未添加,则右键单击你的工具箱并单击“选择项”,然后浏览到 Atlas DLL。

现在,有趣的部分来了。

开始使用 Atlas

ScriptManager 工具拖放到你的网页上。它将创建以下代码

<atlas:ScriptManager runat="server" ID="">

然后,你只需设置以下内容

  • 设置 EnablePartialRendering="true"
  • UpdatePanel 指定一个 ID

你的标签现在应该如下所示

<atlas:ScriptManager runat="server" EnablePartialRendering="true" ID="updateManager">

很好,第一步完成。请记住,在使用 任何 Atlas 控制时,你 必须 在该页面上有一个 ScriptManager

创建 UpdatePanel

现在,将 UpdatePanel 拖放到你的表单上。

它将创建以下代码

<atlas:UpdatePanel ID="" runat="server">
</atlas:UpdatePanel>

再次,为其指定一个 ID,然后将其 Mode 设置为 Conditional,因此你的标签应该如下所示

<atlas:UpdatePanel ID="atlasPanel" runat="server" RenderMode="Inline" Mode="Conditional">
</atlas:UpdatePanel>

现在,此面板的内容必须像正常的 ASP.NET 一样在 ContentTemplate 标签之间输入,因此现在应该如下所示

<atlas:UpdatePanel ID="atlasPanel" runat="server" RenderMode="Inline" Mode="Conditional">
  <ContentTemplate>
  </ContentTemplate>
</atlas:UpdatePanel>

例如,你可以在 ContentTemplate 中有两个下拉列表。第一个下拉列表是一组国家/地区,第二个下拉列表是一组省份或州。

<atlas:UpdatePanel ID="atlasPanel" runat="server" RenderMode="Inline" Mode="Conditional">
    <ContentTemplate>
          <asp:DropDownList ID="drpCountry" runat="server" 
              DataTextField="DESCRIPTION" 
              DataValueField="PK" AutoPostBack="True">
          </asp:DropDownList>
          <asp:DropDownList ID="drpProvince" runat="server" 
              DataTextField="DESCRIPTION" 
              DataValueField="PK" AutoPostBack="True">
          </asp:DropDownList>
    </ContentTemplate>
</atlas:UpdatePanel>

因此,当用户选择不同的国家/地区时,省份下拉列表将重新加载。通常,你需要回发到服务器,整个屏幕都会重新加载。不再了。只需选择不同的国家/地区;现在,省份神奇地改变,而无需回发。

更新面板的其他事件

魔法的第二部分是,假设你在表单的某个地方有一个按钮,可以重新加载两个下拉列表,你只需要将一个触发器添加到 UpdatePanel,如下所示

<atlas:UpdatePanel ID="atlasPanel" runat="server" RenderMode="Inline" Mode="Conditional">
  <ContentTemplate>
    <asp:DropDownList ID="drpCountry" runat="server" 
      DataTextField="DESCRIPTION" DataValueField="PK" AutoPostBack="True">
    </asp:DropDownList>
    <asp:DropDownList ID="drpProvince" runat="server" 
      DataTextField="DESCRIPTION" DataValueField="PK" AutoPostBack="True">
    </asp:DropDownList>
  </ContentTemplate>
  <Triggers>
    <atlas:ControlEventTrigger ControlID="btnReload" EventName="Click" />
  </Triggers>
</atlas:UpdatePanel>

仍然没有表单回发!!!

结论

开始使用 Atlas 吧,伙计们,它有趣、免费、简单,而且,如此性能提升肯定会让你从老板和客户那里得到一些奖励!

© . All rights reserved.