文章分类 - Altas学习手记系列
摘要:关于Atlas的介绍已经有很多的文章,我就不废话了,对于我自己来说学习一个新东西,总是习惯于以一个简单的示例开始,Atlas也不例外,本文将会以一个非常简单的示例来踏上Atlas之旅,文中示例程序来自于Atlas老家。 1.创建“Atlas”应用程序 安装完Atlas之后,会在Visual Studio的项目模版里面出现一项“Atlas”Web Site,如下图。在新建Atlas应用程序时,选择...
阅读全文
摘要:摘要:ScriptManager是Atlas一个重要的控件,它用来处理页面上的所有Atlas组件以及局部页面的更新,生成相关的客户端脚本,所有需要支持Atlas的ASP.NET页面上有且只能有一个ScriptManager控件。在ScriptManager控件中我们可以指定需要的脚本库,或者指定通过JS来调用的Web Service,还可以指定页面错误处理等。 主要内容 1.概述 2.Scr...
阅读全文
摘要:UpdatePanel是Atlas中一个很重要的控件,功能强大且容易使用,可以使我们只做很小的改动就可以向已有的ASP.NET站点添加Ajax。采用Dflying的建议,我也是由UpdatePanel进入Atlas的世界。本文将通过可视化和代码两种方式来实现向已有的ASP.NET应用程序中添加UpdatePanel。 主要内容 1.UpdatePanel概述 2.使用可视化方式 3.使用代码...
阅读全文
摘要:摘要:自动完成功能在Ajax时代已经见的很多了,像Google Suggest,很多邮箱中也都有应用。在Atlas对于自动完成功能提供了很好的支持,提供了客户端的AutoComplete Behavior和服务器端的AutoComplete Extender的支持。本文主要看一下使用AutoComplete Extender来实现自动完成功能。 主要内容 1.AutoComplete Ext...
阅读全文
摘要:摘要:TimerControl是一个用于服务器端定时器的控件,可用来实时显示数据等,在很多地方都有应用,本文将简单介绍一下TimerControl的使用。 主要内容 1.TimerControl介绍 2.完整示例 一.TimerControl介绍 TimerControl是一个用于服务器端定时器的控件,可用来实时显示数据等,在很多地方都有应用,本文将简单介绍一下TimerControl的使用...
阅读全文
摘要:在页面上执行较长时间的操作时,如果能够给用户提供一个类似于浏览器状态栏那样的进度条,将会使界面用户界面更加友好。在Atlas中,为我们提供的UpdateProgress控件可以轻松的实现这些。 主要内容 1.UpdateProgress控件介绍 2.完整的示例 一.UpdateProgress控件介绍 在页面上执行较长时间的操作时,如果能够给用户提供一个类似于浏览器状态栏那样的进度条,将会使...
阅读全文
摘要:DragOverlayExtender允许我们对任何控件添加类似于Drag-and-Drop Behaviors那样的拖放(Drag-and-Drop)功能,更重要的是如果要对已经存在的控件添加,我们不需要对原有控件做任何的改动,只需添加一个DragOverlayExtender就可以轻松实现。 主要内容 1.DragOverlayExtender介绍 2.完整示例 3.使用ProfileScr...
阅读全文
摘要:Atlas对于调用Web Service作了很好的封装,使得我们用JS调用Web Service的工作变得非常的简单,只需要使用WebServiceName.WebMethod()就可以完成调用。本文将通过两个简单的例子来说明这一内容。 主要内容 1.调用简单的Web Service 2.传递复杂类型的数据 Atlas对于调用Web Service作了很好的封装,使得我们用JS调用Web S...
阅读全文
摘要:使用Atlas我们可以调用两种服务端的方法WebService Method和Page Method,在前面的使用中,我们一直都是调用WebService Method,如何去调用一个Page Method?本文将简单的介绍一下这一内容。 主要内容 1.如何调用Page Method 2.与WebService Method区别 一.如何调用Page Method 使用Atlas我们可以...
阅读全文
摘要:ASP.NET Atlas中引入了客户端控件的概念,用面向对象思想将客户端JavaScript将要操作的DOM元素封装起来,带来了更清晰的代码模型以及更好的可复用性(不足之处是效率有所降低)。Atlas的客户端控件是连接JavaScript与DOM元素的桥梁,我们应该尽可能的使用客户端控件与DOM元素打交道,也就是以Atlas的方法来编写我们的程序。 本文主要简单介绍一下Atlas中的客户端简单控...
阅读全文
摘要:上一篇简单介绍了Atlas的客户端控件,都是一些理论性的东西,显得有些枯燥。本文以Button控件为示例,看一下客户端简单控件的一些使用。 主要内容 1.Button控件示例 上一篇简单介绍了Atlas的客户端控件,都是一些理论性的东西,显得有些枯燥。本文以Button控件为示例,看一下客户端简单控件的一些使用。前面说过,Atlas将DOM元素中的Button概念扩展,使Button不单...
阅读全文
摘要:Atlas中的Behavior定义了当控件的某个事件被触发时的行为。Behavior可以看作是一种封装了的DHTML的事件,例如click和hover等。Behavior同样可以是一个组件,可被attach到某个Atlas客户端控件上,以提供这个Atlas客户端控件更高级,更丰富的功能,例如一些复杂的拖放(drag & drop),自动完成,浮动等功能。Behavior将被定义在某个Atlas控...
阅读全文
摘要:前面在AtlasControlToolkit中说过,DragPanel封装了Sys.UI.FloatingBehavior,我们已经知道了如何使用服务器端的Extender来实现拖动效果,本文介绍一下直接使用FloatingBehavior来实现Drag&Drop效果。 主要内容 1.Floating Behavior简介 2.完整示例 一.Floating Behavior简介 前面在...
阅读全文
摘要:Hover Behavior提供了对DHTML的事件onmouseover,onmouseout,onfocus以及onblur的处理。 主要内容 1.Hover Behavior简介 2.完整示例 一.Hover Behavior简介 Hover Behavior提供了对DHTML的事件onmouseover,onmouseout,onfocus以及onblur的处理。简单示例代码: ...
阅读全文
摘要:Popup Behavior提供了Popup的功能,可以用来实现高级的Tooltip。 主要内容 1.Popup Behavior简介 2.完整示例 一.Popup Behavior简介 Popup Behavior提供了Popup的功能,可以用来实现高级的Tooltip。简单示例代码: 其中positioningMod...
阅读全文
摘要:前面说过使用服务端的AutoComplete Extender,本文看一下如何使用AutoComplete Behavior来实现自动完成功能。 主要内容 1.AutoComplete Behavior简介 2.完整示例 一.AutoComplete Behavior简介 前面说过使用服务端的AutoComplete Extender,本文看一下如何使用AutoComplete Beha...
阅读全文
摘要:Validator是Atlas提供的一组验证用户输入的客户端组件,用来检查InputControl类型的Atlas控件,例如Web.UI.TextBox的输入数据。在ASP.NET中提供了一组服务器端的验证控件,Atlas中的Validator在客户端也提供了同样的功能。 主要内容 1.Validators概述 2.完整示例 一.Validators概述 Validator是Atlas提...
阅读全文
摘要:AlwaysVisibleControl是AtlasControlToolkit中的一个简单的Extender,用来显示在页面上的一个相对固定位置,随着窗口的滚动和大小改变,它会随着移动,可以用来做浮动广告等。 主要内容 1.AlwaysVisibleControlExtender介绍 2.完整示例 一.AlwaysVisibleControlExtender介绍 AlwaysVisib...
阅读全文
摘要:ModalPopup是AtlasControlToolkit中提供的一个Extender,本文将会用它来实现一个类似模态的确定对话框,并实现灰屏效果。 主要内容 1.ModalPopup Extender介绍 2.完整示例 一.ModalPopup Extender介绍 用过网易邮箱的朋友,都应该对这个界面非常熟悉,有一个确定对话框(其实不是对话框),并且具有灰屏效果: 本文将看看如何...
阅读全文
摘要:TextBoxWatermark是AtlasControlToolkit中的一个Extender,它能够为ASP.NET中的TextBox加上水印效果,在用户还没有输入内容时可以显示一些提示信息给用户,这种效果在很多网站都有应用。 主要内容 1.TextBoxWatermark Extender介绍 2.完整示例 TextBoxWatermark是AtlasControlToolkit中...
阅读全文