애매한 일상 ::

'ASP.NET AJAX'에 해당되는 글 2건

2006/12/16 Atlas Client Script Library
2006/09/20 TextBox Watermark

2006/12/16 14:02

Atlas Client Script Library

"Atlas" 클라이언트 클래스 라이브러리
"Atlas"는 간단하게 클라이언트 기반의 프로그래밍을 할수있도록 rich framework와 광범위한 컴포넌트를 포함한다. 여기에서는 "Atlas" 클라이언트 클래스 라이브러리의 가장 중요한 특징을 소개한다.

설명

API참조 문서는 진행중인 작업이다. 클래스, 맴버 그리고 프로퍼티에 대한 자세한 내용을 찾기 위해 "Atlas" 클라이언트 클래스브러우저를 활용한다.

Actions

Action 클래스로부터 파생된 컴포넌트는 이벤트의 응답에 수행되는 코드를 명시한다.

Action 컴포넌트는 메서드 호출, 속성설정, 포스트백 발생등 일반적인 작업을 위한 클라이언트 이벤트의 동작을 선언적으로 바인드하는 것이 가능하다.

Class	Description
Sys.Action	"Atlas" 액션을 위한 추상 기본 클래스를 정의
Sys.InvokeMethodAction	메서드를 호출하는 엑션을 정의
Set.SetPropertyAction	값을 지정하기위해 객체의 속성을 설정하는 엑션을 정의
Sys.WebForms.PostBackAction	포스트백을 수행하는 엑션을 정의

Behaviors

컴포넌트는 HTML요소에 미리정의된 기능 첨부하는 Behavior클래스로 부터 파생된다.

Behaviors는 타이머 컴포넌트와 DOM 뿐만 아니라 마우스와 키보드 이벤트를 포함한 이벤트에 의해 작동된다.
components and the DOM.Behaviors는 프로퍼티 업데이트, 메서드 호출, 에니메이션 실행 그리고 자동완성 텍스트박스와 같은 복잡한 기능을 제공 할수 있다. 하나 이상의 Behavior은 같은 요소를 붙이게 될수 있다.

Class	Description
Sys.UI.AutoCompleteBehavior	auto-completion behavior를 가지는 TextBox를 확장한다.
Sys.UI.Behavior	"Atlas" behaviors를 위한 추상 기본 클래스를 정의한다.
Sys.UI.ClickBehavior	Executes handlers and actions when the user clicks an element that the behavior is attached to. ClickBehavior은 사용자가 특정 요소를 클릭했을 때 handler 와 Action을 수행하기 위해 추가한다.
Sys.UI.HoverBehavior	HoverBehavior은 마우수 프인터가 요소의 바운딩 영역 안으로 들어가가나 나올때 handler 와 Action을 수행하기 위해 추가한다.
Sys.UI.PopupBehavior	팝업 요소를 나타낸다.
Sys.UI.ProgressBehavior	오랫동안 수행하는 작업에 대해 진행중 표시를 제공한다. 그리고 어플리케이션이 진행중일 경우 모든 입력 컨트롤과 버튼을 사용할수 없도록 만든다.

Bindings

Binding은 컨트롤과 컴포넌트 사아의 데이터를 이동하기 위해 사용된다.

Class	Description
Sys.Binding	컴포넌트 간의 데이터의 흐름을 관리한다.
Sys.BindingBase	"Atlas" binding을 위한 추상 기본클래스를 정의한다.
Sys.BindingBase.Transformers	바인딩을 처리하는 동안 데이터의 처리, format, convert, 데이터의 처리 같은 미리정의된 함수 셑을 정의한다.

Controls
Controls은 요소, 엑션의 포함, behaviors 그리고 데이터 바인딩을 위해 유용한 특징을 선언적으로 추가하는 것이 가능하도록 HTML요소를 감싸고 있다. 추가적으로 어떤 컨트롤은 새로운 복합 컨트롤을 생성하기 위해 여러 HTML요소가 혼합된다.

Class	Description
Sys.UI.Button	버튼의 클릭 behavior와 다른 HTML요소를 명시하기 위한 클래스를 정의한다.
Sys.UI.CheckBox	CheckBox 입력 요소를 위해 클래스를 정의한다.
Sys.UI.Control	"Atlas"의 기능이 가능한 HTML요소를 위한 클래스를 정의한다.
Sys.UI.HyperLink	HTML요소를 위한 하이퍼링크 behavior을 정의하기 위한 클래스를 정의한다.
Sys.UI.Image	"Atlas"의 기능이 가능한 <img>요소를 위한 클래스를 정의한다.
Sys.UI.InputControl	입력컨트롤에 의해 데이터의 유효성 검사를 위한 기반을 추가하는 추상 클래스를 정의한다.
Sys.UI.Label	"Atlas"의 기능이 있는 <div>와 <span>요소를 위한 클래스를 정의한다.
Sys.UI.Select	"Atlas"의 기능이 있는 HTML <select>요소를 위한 클래스를 정의한다.
Sys.UI.TextBox	"Atlas"의 기능이 있는 text 입력요소를 위한 클래스를 정의한다.

Global Functions and Objects

Function	Description
$	document.getElementById 함수를 위한"Atlas"의 단축이다.
$object	Application.findObject 함수를 위한 "Atlas"의 단축 기능이다.

Support Classes and Objects

Class	Description
Sys.Application	브라우저에서 동작하는 "Atlas" 어플리케이션의 인스턴스를 표현한다.
Sys._Application	브라우저상에서 "Atlas" 어플리케이션의 실행을 표현하는데 사용된다. 이 클래스는 "Atlas"에 의해 자동적으로 인스턴스화 되고 Sys.Applicattion 변수에 할당된다.
Sys.BindingEventArgs	메서드를 변형시키는 argument로써 방인딩에 의해 사용된다. Used by bindings as an argument to transformer methods.
Sys.CancelEventArgs	취소명령을 가능하가 하는 이벤트 소스에 의해 사용된다. Used by event sources to enable the handler to cancel the operation in progress.
Sys.Component	"Atlas" 컴포넌트를 위한 추상기본 클래스를 정의한다.
Sys.UI.CommandEventArgs	onBubbleEvent method 의 이벤트데이터를 통과시키기 위해 "Atlas" 컨트롤에 의해 사용된다. Used by "Atlas" controls to pass event data to the onBubbleEvent method.
Type.Event	이벤트 handlers 와 actions 의 목록을 관리하는데 사용된다.
Sys.Timer	적절한 시간에 이벤트를 수행하는데 사용된다.

Enumerations

Type	Description
Sys.ActionSequence	엑션이 이벤트 핸들러 전에 수행될지 후에 수행될지를 결정한다.
Sys.BindingDirection	데이터바인딩 수행의 방향을 결정한다.
Sys.UIPositioningMode	어떻게 팝업요소가 그것들의 엥커 포인트에 상대적으로 위치될지를 명시한다.

원본 : http://atlas.asp.net/docs

이올린에 북마크하기(0)

이올린에 추천하기(0)

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'ASP.NET AJAX' 카테고리의 다른 글

Atlas Client Script Library (0)	2006/12/16
TextBox Watermark (0)	2006/09/20

Posted by kyeongkyun(kobukii) kyeongkyun

TAG atlas, script

트랙백0 댓글0

2006/09/20 14:07

ASP.NET AJAX

TextBox Watermark

Atlas를 다루는 국내 개발자 커뮤니티가 거의 없다.
일주일에 두번정도의 포스팅을 통해 Atlas정식버전이 나오기 전까지 어느정도 Atlas대한 윤곽을 잡아 볼 것이다.

TextBoxWatermark는 "watermark"기능을 ASP.NET TextBox컨트롤에 붙일 수 있는 "Atlas" 익스텐더 입니다. 텍스트 박스가 비어있는 경우 워터마크 메세지를 표시 해 주고 사용자가 텍스트 박스에 텍스트를 입력하는 순간 워터마크는 사라지게 됩니다. 워터마크의 목적은 페이지에 텍스트박스에 대한 설명 없이 텍스트 박스만 존재 할 경우 텍스트 박스에 대한 정보를 제공하는 것입니다.

TextBoxWatermark Properties

<atlasToolkit:TextBoxWatermarkExtender ID="TBWE2" runat="server"> <atlasToolkit:TextBoxWatermarkProperties
TargetControlID="TextBox1" 대상 택스트박스의 ID
WatermarkText="Type First Name Here" 텍스트박스의 값이 없을경우 보여질 메세지
WatermarkCssClass="watermarked" 텍스트박스의 값이 없을경우 적용될 Css Class
HasInitialFocus="false"
/>
</atlasToolkit:TextBoxWatermarkExtender>

AtlasToolkit를 사용하기 위해서는

Microsoft.Web.Atlas.dll 참조 추가
AtlasControlToolkit.dll 참조 추가
AtlasControlToolkit.dll 도구상자 추가(선택)
Atlas를 이용한 개발을 위해서는 반드시 ScriptManager컨트롤을 추가 합니다.
다음으로 AtlasToolkit를 사용하기 위해 Register지시자를 이용해 AtlasToolkit를 등록합니다
위의 사항은 AtlasToolkit를 사용 하기 위해 반드시 선행 되어야 하는 작업입니다.

이제 실제 TextBoxWatermark를 사용하는 셈플을 보겠습니다.

TestSample

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TextboxWatermark.aspx.cs" Inherits="TextboxWatermark_TextboxWatermark" %>
<%@ Register Assembly="AtlasControlToolkit" Namespace="AtlasControlToolkit" TagPrefix="atlasToolkit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>TextBoxWatermark</title>
<style type="text/css">
.unwatermarked {
   height:20px;
width:150px;
background-color:#F0F8FF;
color:gray;
}
.watermarked {
font-weight:bold;
background-color:gray;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<atlas:ScriptManager id="scriptManager" EnablePartialRendering="true" runat="server"></atlas:ScriptManager>
<div>
   <asp:TextBox ID="txtID" runat="server" CssClass="unwatermarked"></asp:TextBox><br />
   <asp:TextBox ID="txtPwd" runat="server" CssClass="unwatermarked"></asp:TextBox>
</div>
<atlasToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtenter1" runat="server">
   <atlasToolkit:TextBoxWatermarkProperties TargetControlID="txtID" WatermarkText="아이디" WatermarkCssClass="watermarked" />
   <atlasToolkit:TextBoxWatermarkProperties TargetControlID="txtPwd" WatermarkText="비밀번호" WatermarkCssClass="watermarked" />
</atlasToolkit:TextBoxWatermarkExtender>
</form>
</body>
</html>

결과

AtlasToolkit중 가장 간단한 TextBoxWatermark에 대해 살펴 봤습니다. 다음은 실제 TextBoxWatermark가 어떻게 구성되어있는지 TextBoxWatermarkExtender와 TextBoxWatermarkProperties를 한번 뜯어 보도록 하겠습니다.

이올린에 북마크하기(0)

이올린에 추천하기(0)

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.