Atlas客户端类库、控件介绍(1)

转载 2006年06月09日 17:04:00
“Atlas”系统是一个非常复杂的框架,具有类似于asp.net般的丰富组件来简化客户端的程序设计。在dflying的系列文章中,已经为我们大家介绍了很多相关的知识,重复的地方我在这里就不啰嗦了。

  要实现“Atlas”客户端控件,有两种方式,一种是Xml Script定义的方式,dflying书写的系列文章中,涉及到Atlas客户端控件大多数采用的就是上面的这种方式,形式如同:
    <script type="text/xml-script">
        
<page xmlns:script="http://schemas.microsoft.com/xml-script/2005" xmlns:samples="samples">
            
<components>
                
<button id="button1">
                    
<behaviors>
                        
<hoverBehavior>
                            
<hover>
                                
<invokeMethod target="button1" method="addCssClass">
                                    
<parameters className="pseudo-button-hover" />
                                
</invokeMethod>
                            
</hover>
                            
<unhover>
                                
<invokeMethod target="button1" method="removeCssClass">
                                    
<parameters className="pseudo-button-hover" />
                                
</invokeMethod>
                            
</unhover>
                        
</hoverBehavior>
                    
</behaviors>
                
</button>
            
</components>
        
</page>
    
</script>
  还有一种方式,那就是Javascript实现,如果书写普通js代码般实例化相应的Atlas客户端控件:
 1function Init()
 2{
 3    var titleTextBox = new Sys.UI.TextBox($("TitleTextBox"));
 4    titleTextBox.initialize();

 6    titleTextBox.set_text("AXii");
 7    
 8    var itemEvent = new Type.Event(titleTextBox , true);
 9    itemEvent.add(PopupMessage);
10
11    titleTextBox.propertyChanged = itemEvent;
12    
13    var itemBehavior = new Sys.UI.HoverBehavior();
14    itemBehavior.setOwner(titleTextBox);
15    itemBehavior.initialize();
16    
17    itemBehavior.hover.add(Alert);
18}

  上面这段js的意思是:
  第3行:实例化一个Sys.UI.TextBox,传入的参数为一input HTML 控件,实现将Atlas控件与HTML控件的关联(绑定);
  第4行:初始化这个新的Atlas客户端控件;
  第6行:修改这个新Atlas TextBox控件的值,Atlas控件所关联(绑定)的HTML控件的相应值同步更新。

  到这一步,我们就利用JavaScript获得了第一个Atlas 客户端控值。

  第8-9行:创建Atlas客户端框架中的事件实例(您可以借鉴c#中的事件来理解),Type.Event类所传入的两个参数,第一个参数为发出事件的源控件(Atlas控件),第二个参数确定此事件是否自动执行。

  第11行:将将新事件指定给第3行创建的Atlas TextBox控件实例的propertyChanged,这样,在TextBox控件的属性(TextBox 控件的Text)发生改变时,就会执行相应的事件:
1function PopupMessage(sender , eventArgs)
2{
3    alert(sender.get_text());
4}

  注意:事件关联处理函数应该以上面的方式定义,包括sender 与 eventArgs参数,从参数命名上我们可以知道,sender指向的就是发起事件的源。

  第13-17行又是什么意思呢?
  刚才的TextBox在Text属性发生改变时,已经可以通过事件响应了,如果我们还希望在实现鼠标移入TextBox区域(类似HTML控件的onMouseOver),又该如何实现呢?第13-17行就是实现这个功能的。

  Atlas客户端控件包含HoverBehavior类,HoverBehavior类继承与Behavior(动作、行为?)类。Behavior类通过setOwner(ownerControl)方法绑定Behavior的所有者控件。

  同样,不要忘记初始化这个控件。

  这样,我们创建了一个Sys.UI.TextBox控件,并将此TextBox关联至id为“TitleTextBox”的input HTML控件,当TextBox的Text改变时,会有相应的事件激活;同时,这个TextBox控件还能响应鼠标进入动作。

  哈哈哈,实在是表述力欠佳,希望您可以看得明白我在说些什么。(后续……)

 

http://luna.cnblogs.com/archive/2006/05/30/413281.html

Atlas客户端类库、控件介绍(2)

今日任务:  在HTML元素中,实现鼠标的over、out事件非常简单,将onmouseover、onmouseout关联至相应的javascript函数即可。同样的,在Atlas框架模型里,需要实现...
  • JOHNCOOLS
  • JOHNCOOLS
  • 2006年06月09日 17:05
  • 834

Atlas简介

具体请看https://github.com/Qihoo360/Atlas/blob/master/README_ZH.md        Atlas是由 Qihoo 360, Web平台部基础...
  • s20082043
  • s20082043
  • 2015年02月12日 15:49
  • 333

Apache Atlas安装文档

注意:Apache Atlas还是apache孵化项目,目前还无法用于生产环境,我也只是编译完成,在使用中还要继续探索。 Apache Atlas http://atlas.incubator...
  • rootsongjc
  • rootsongjc
  • 2016年05月19日 22:32
  • 3404

Atlas的整体架构概述

下面是Shanku Niyogi和Nikhil Kothari在PDC 2005上演示中展示的Atlas的整体架构图 (偷自Nikhil Kothari的PPT) 据Nikhil Kothari,At...
  • croppy
  • croppy
  • 2005年09月20日 21:56
  • 1825

数据切分——Atlas介绍

Atlas是由 Qihoo 360公司Web平台部基础架构团队开发维护的一个基于MySQL协议的数据中间层项目。它在MySQL官方推出的MySQL-Proxy 0.8.2版本的基础上,修改了大量bug...
  • jhq0113
  • jhq0113
  • 2015年03月13日 13:20
  • 8015

Atlas架构及相关功能介绍

一、       Atlas的整体架构 Atlas是一个位于应用程序与MySQL之间中间件。在后端DB看来,Atlas相当于连接它的客户端,在前端应用看来,Atlas相当于一个DB。Atlas作为服务...
  • wssg3620625
  • wssg3620625
  • 2014年03月14日 17:48
  • 1731

ASP.NET Atlas简单控件介绍

SP.NET Atlas中引入了客户端控件的概念,用面向对象思想将客户端JavaScript将要操作的DOM元素封装起来,带来了更清晰的代码模型以及更好的可复用性(不足之处是效率有所降低)。Atlas...
  • bulbul2006
  • bulbul2006
  • 2006年06月07日 10:42
  • 2522

AJAX的Atlas 控件下载

考虑到大家的需要,我还是把Atlas 控件与大家共享。共图进步。 http://download1.csdn.net/down3/20070516/16150600352.rar ...
  • yichangxin
  • yichangxin
  • 2007年05月16日 15:06
  • 919

解析Atlas客户端支持(1)

Atlas提供了强大而灵活的服务器端Web Services访问能力。这对于客户端AJAX开发提供了绝好的条件,这几乎也是任何AJAX框架必备的功能。因为只要有了它,就能轻松地以AJAX方式与服务器端...
  • miwang1166
  • miwang1166
  • 2008年09月26日 11:45
  • 244

Atlas讲座(1)- UpdatePanel控件

1.         前言随着AJAX技术日益成熟,B/S桌面化的进程加快,市面上涌现出一大批AJAX控检,在众多控件中ATLAS控检是最受程序员喜欢的一种,下面我们就对ATLAS做初步的了解。2. ...
  • mc_hoho
  • mc_hoho
  • 2006年10月26日 16:50
  • 543
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Atlas客户端类库、控件介绍(1)
举报原因:
原因补充:

(最多只允许输入30个字)