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

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" >

     < Triggers >

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

     < ContentTemplate >

        < 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类程序常用控件之一，比如定时的数据更新等。它的使用方法和上面基本一个道理，下面是一个使用实例:

   <form id="form1" runat="server">
    <atlas:ScriptManager ID="ScriptManager1" EnablePartialRendering="true" runat=server >
   
    </atlas:ScriptManager>
    <atlas:TimerControl ID="TimeControl1" runat=server Interval="3000" OnTick="TimeControl1_Tick"></atlas:TimerControl>
    <div>
    <atlas:UpdatePanel runat="server" ID="UpdatePanel1">

    <Triggers>

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

    </Triggers>

    <ContentTemplate>

      <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();}

 

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1099311