Atlas UpdatePanel 基础简介
这是一个关于如何在你的 ASP.NET 页面中使用新的 "Atlas" UpdatePanel 的简短教程。它简单、容易、有趣。
引言
欢迎!就我而言,我采用 Atlas 晚了太多。它非常强大,但又非常容易使用。我没有太多时间,所以我想使用这项新技术会花费我很多时间,但事实并非如此。
这篇文章将让你快速进入令人惊叹的 Atlas 世界!!!
让我们开始吧!
- 下载 Atlas,它是一个 2.2 MB 的文件,所以我怀疑老板不会介意的;) 在此下载。
- 引用 Microsoft.Atlas DLL。
- 检查 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 吧,伙计们,它有趣、免费、简单,而且,如此性能提升肯定会让你从老板和客户那里得到一些奖励!