用.NET编程风格实现Ajax—

1. 什么是Atlas:

atlas 是针对ASP.NET2.0的一个用来开发AJAX类Web页的控件，它很好的实现了.NET的编程风格，并对Ajax实现了很好的支持，使用户可以通过十分有限的代码就能实现相对复杂的基于用户体验的开发工作。关于atlas的详细介绍可以通过Baidu或Google十分方便的找到。atlas可以很方便的下载到。以下是地址：atlas.asp.net

2.Atlas包括的常用控件

atlas包含十几个主要控件，这里只介绍几个十分常用的控件，通过这几个控件就可以实现基本的ajax风格的程序，由于我也是才学的，所以有介绍错误的地方，请各位高手指正。

当安装完atlas后，在VS2005的新建工程里会看到atlas类型的网站模板，如下图：

从这里新建一个Atlas工程后，开发环境会自动添加对Atlas的引用，并设置webConfig文件。这里如果要自己设置，还是有点复杂的：

Atlas最主要的控件是：ScriptManager ,在用以上方法建的页面中会自动添加一个对该控件的引用：

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

该控件包含以下主要属性：

<atlas:ScriptManager

EnablePartialRendering="true|false" ——是否开启页面局部更新功能，默认值为false

EnableScriptComponents="true|false" —— 是否启用XML脚本模式，默认值为true

    ID="ScriptManager1"

    OnPageError="PageError Event Handler" ——页面错误处理

    runat="server"
>

添加对WebService的引用

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

<Services>

<atlas:ServiceReference Path="WebService.asmx"/> ——.asmx的路径

<atlas:ServiceReference Type="WebService"/>——Web Service的类型

</Services>

</atlas:ScriptManager>

UpdatePanel是Atlas中另一个很重要的控件，功能强大且容易使用，可以使我们只做很小的改动就可以向已有的ASP.NET站点添加Ajax。只用下面几句简单的代码就可以使用

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

<Atlas:ControlEventTrigger ControlID="DropDownList1" EventName="SelectedIndexChanged" />——//触发器，当这里指定的事件发生时，更新本控件内的内容

或<Atlas:ControlValueTrigger ControlID="DropDownList1" PropertyName="SelectedValue" />——//触发器，当这里指定的属性发生改变时，更新本控件内的内容

</Triggers>

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

</ContentTemplate>

</Atlas:UpdatePanel>

比如在上面的DropDownList的SelectedIndexChanged处理事件中添加如下程序：

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)

{ this.Label1.Text = this.DropDownList1.SelectedValue;}

运行程序，Label将根据DropDownList的选择不同显示不同的文本，但是不刷新页面。

TimeControl控件是另一个atlas类程序常用控件之一，比如定时的数据更新等。它的使用方法和上面基本一个道理，下面是一个使用实例:

<atlas:ControlEventTrigger ControlID="TimeControl1" EventName="Tick" />

</Triggers>

<h2>Atlas TimerControl Example</h2>

<asp:Label ID="txtValue" runat="server" Font-Bold="True" Font-Size="Larger" ForeColor="Red"></asp:Label>

</ContentTemplate>

</atlas:UpdatePanel>
</div>
</form>

TIck事件处理程序：

protected void TimeControl1_Tick(object sender, EventArgs e)
{ this.txtValue.Text = DateTime.Now.ToString();}

转载于:https://www.cnblogs.com/hjzhang/archive/2006/08/20/2043600.html

用.NET编程风格实现Ajax——Atlas快速入门相关推荐

R语言编程艺术（1）快速入门
这本书与手上其他的R语言参考书不同,主要从编程角度阐释R语言,而不是从统计角度.因为之前并没有深刻考虑这些,因此写出的代码往往是一条条命令的集合,并不像是"程序",因此,希望通过学 ...
python 计算机程序设计-某高校计算机编程教授教你如何快速入门python，一文带你进入编程...
image 如何快速入门Python 学习任何一门语言都是从入门(1年左右),通过不间断练习达到熟练水准(3到5年),少数人最终能精通语言,成为执牛耳者,他们是金字塔的最顶层.虽然万事开头难,但好的开 ...
我给女朋友讲编程html系列(1) -- Html快速入门
Html是一门编写网页的语言. 在我学习Html的时候,网上的很多朋友说,直接使用[记事本]编写就行了,最后保存为后缀名为 .html 的文件. 不过,我建议你用[Nodepad++]来编写网页,用这 ...
php编程读书笔记,php3小时快速入门-读书笔记
1.php介绍:web开发 2.hello world 编写 echo "hello world"; ?> echo ' ' 3.开发环境 wamp---localhost/ ...
AJAX原理快速入门
AJAX的原理 Ajax 的原理简单来说通过 XmlHttpRequest 对象来向服务器发异步请求,从服务器获得数据,然后用 javascript 来操作 DOM 而更新页面的局部显示. Ajax ...
Python/WSGI 应用快速入门--转
http://uwsgi-docs-cn.readthedocs.io/zh_CN/latest/WSGIquickstart.html 这个快速入门指南将会向你展示如何部署简单的 WSGI 应用和普 ...
JSON数据结构（A、快速入门篇）（Yanlz+Data+JsonArray+JsonObject+JsonValue+JsonMapper.ToJson+JsonMapper.ToObject+）
<JSON数据结构> 版本作者参与者完成日期备注 Data_JSON_V01_1.0 严立钻 2018.08.24 ++++一个好用的JSON在线编辑:http://www.kjs ...
Lua快速入门篇（基础概述）（Yanlz+toLua+xLua）
<Lua热更新> ##<Lua热更新>发布说明: ++++"Lua热更新"开始了,立钻哥哥终于开始此部分的探索了. ++++作为游戏发布迭代的重要技术:Lu ...
Lua快速入门篇（XLua教程）（Yanlz+热更新+xLua+配置+热补丁+第三方库+API+二次开发+常见问题+示例参考）
<Lua热更新> ##<Lua热更新>发布说明: ++++"Lua热更新"开始了,立钻哥哥终于开始此部分的探 ...
VIVE开发基础（A、快速入门篇）（Yanlz+HTC+VIVE+VR+AR+MR+XR+SteamVR+CameraRig+LightHouse+HeadSet+Teleport+立钻哥哥+）
<HTC_VIVE开发基础> 版本作者参与者完成日期备注 HTC_VIVE_V01_1.0 严立钻 2018.08.23 <HTC_VIVE开发基础>发布说明: +++ ...

用.NET编程风格实现Ajax——Atlas快速入门

用.NET编程风格实现Ajax——Atlas快速入门相关推荐

最新文章

热门文章