Download presentation
Presentation is loading. Please wait.
1
Moving Control in Web using Ajax Toolkit
Dongkyu Lee
2
AJAX Toolkit 을 설치하기위해 다운받아 압축을 풀면 AjaxControlToolkit.dll 이 있음, 계속 컴퓨터에 저장되어 있어야 하므로 적당한곳에 넣어둠
4
빈 곳에 마우스 우측 키를 눌러 탭 추가를 하여 AJAX Toolkit 이라고 탭을 만들어 준다 만들어진 AJAX Toolkit 이라는 탭 밑에 마우스 오른쪽 키를 눌러 항목선택 을 선택함
5
다운로드 받아 적당한 곳에 넣어둔 AjaxControlToolkit.dll
선택하여 열기를 누른다. 확인을 누른다
6
위와 같이 따라하게 되면 도구상자에 쭉 추가가 됩니다.
7
처음에 디자인 에 있는 Div 를 그림과 같이 적당한 사이즈로 맞춰줍니다. AJAX 확장 탭에 있는 ScriptManager 를 추가합니다.
8
도구상자에서 표준탭에서 Panel 를 추가하여
그림과 같이 적당한 사이즈로 줄여줍니다. 그리고 판낼 오른쪽 위에 > 이렇게 생긴것을 눌러주고 Extender 추가 를 누르면 그림과 같이 마법사가 하나 뜨고 DragPanelExtender 를눌러 확인을 누릅니다.
9
UpdatePanel 를 Panel 안에 추가시키고
UpdatePanel 안에 Timer 와 Label 을 넣어준다. Timer 속성에서 Interval 1000 로 바꿔준다(1초)
10
타이머를 더블클릭하면 코드를 추가할수 있다 다음과 같이 추가한다. 실행을 하면 1초마다 시간이 가는걸 볼수 있고 시계를 잡고 드래그 하면 움직인느 것을 볼 수 있다.
Similar presentations
![1/55 4.2 편집 기능 사용하기 – 실습 1 글자 모양을 바꾸고 싶은 곳을 블록 설정 [ 글자 모양 ] 대화 상자에서 [ 글꼴 ] ‘ 궁서체 ’, [ 글자 색 ] ‘ 토마토색 ’ 으로 선택 → [ 설정 ] 클릭 → 글자 모양 변경.](/40/11034426/big_thumb.jpg "1/55 4.2 편집 기능 사용하기 – 실습 1 글자 모양을 바꾸고 싶은 곳을 블록 설정 [ 글자 모양 ] 대화 상자에서 [ 글꼴 ] ‘ 궁서체 ’, [ 글자 색 ] ‘ 토마토색 ’ 으로 선택 → [ 설정 ] 클릭 → 글자 모양 변경.>")
