Atlas学习手记（19）：客户端简单控件介绍

名称

描述

属性

id

Atlas组件的标识符&＃xff0c;将Atlas客户端组件与DOM元素连接起来。这个id值与DOM元素的id属性值相同&＃xff0c;Atlas使用这个id以找到相关的DOM元素。

bindings

该组件的绑定集合。

dataContext

该组件的绑定的操作对象。如果您设置了这个属性&＃xff0c;那么所有绑定条目默认会继承这个对象&＃xff0c;但您也可以在绑定的声明中覆盖这个默认的设定。

isInitialized

布尔值&＃xff0c;代表该组件是否被初始化过。只读。

isUpdating

该组件是否正在更新中&＃xff0c;在开始调用beginUpdate()方法到调用endUpdate()方法期间为true&＃xff0c;其他时间为false。只读。

方法

beginUpdate

更新组件&＃xff0c;提高性能或者减少屏幕闪烁&＃xff0c;必须与endUpdate配对使用

endUpdate

更新组件&＃xff0c;提高性能或者减少屏幕闪烁&＃xff0c;与beginUpdate配对使用

initialize

构造函数

事件

propertyChanged

当组件的某个属性变化时&＃xff0c;应该引发该事件。Atlas绑定的实现依赖于这个事件。

名称

描述

属性

accessKey

获取或设置控件的accessKey&＃xff0c;该属性是DOM元素中的accessKey属性的包装。

associatedElement

返回控件的相关DOM元素。这个属性应该传入给控件的构造函数&＃xff0c;并在构造以后不可以修改。

behaviors

该组件的Behavior集合。

cssClass

获取或设置控件的CSS Class&＃xff0c;该属性是DOM元素中的class属性的包装。

enabled

代表该控件是否被启用&＃xff0c;该属性是DOM元素中的enabled属性的包装。

parent

获取或设置该控件的父控件。

style

获取该控件相对应的DOM元素的style属性值。

tabIndex

获取或设置该控件的tab index。

visibilityMode

获取或设置该控件在隐藏时的显示模式&＃xff0c;可选枚举值&＃xff1a;Sys.UI.VisibilityMode.Collapse代表该控件隐藏时不占用页面空间&＃xff0c;Sys.UI.VisibilityMode.Hidden代表该控件隐藏时依然占有其位置。

visible

获取或设置该控件是否可见。

方法

addCssClass

为该控件添加一个CSS Class。

removeCssClass

删除该控件的一个CSS Class。

containsCssClass

返回布尔值&＃xff0c;代表该控件是否有指定的CSS Class。

toggleCssClass

如果该控件没有指定的CSS Class&＃xff0c;则添加&＃xff0c;如果有&＃xff0c;则删除。

focus

使该控件获得输入焦点。

scrollIntoView

使该控件滚动到屏幕可视范围内。

onBubbleEvent

处理该控件的子控件发出的Bubble事件。

raiseBubbleEvent

该方法会调用该控件所有父控件的onBubbleEvent方法&＃xff0c;来实现Bubble事件。

名称

描述

Button

Atlas将DOM元素中的Button概念扩展&＃xff0c;使Button不单单指type为button或submit的HTML input元素&＃xff0c;还可以应用到例如span&＃xff0c;a等元素上&＃xff0c;提供开发人员统一的编程接口。

CheckBox

CheckBox封装了type为checkbox的input DOM元素。

HyperLink

HyperLink控件继承于Sys.UI.Label&＃xff0c;用来封装HTML中的a元素。

Image

Image控件作为对DOM元素img的封装。

InputControl

InputControl类是一个抽象类&＃xff0c;作为所有提供用户输入的控件&＃xff08;例如TextBox&＃xff0c;见下文&＃xff09;的基类&＃xff0c;提供了输入数据验证等公有操作。

Label

Atlas中的Label控件可以用来显示一段文字&＃xff0c;同时也可以作为一段HTML的占位符。

Select

Select控件封装了DOM元素select&＃xff0c;可用来表示一个Drop Down List。

TextBox

Atlas中的TextBox封装了type为input的DOM元素input&＃xff0c;或是DOM元素textarea。