Moving Control in Web using Ajax Toolkit Dongkyu Lee
AJAX Toolkit 을 설치하기위해 http://www.codeplex.com/AjaxControlToolkit/Release/ProjectReleases.aspx 다운받아 압축을 풀면 AjaxControlToolkit.dll 이 있음, 계속 컴퓨터에 저장되어 있어야 하므로 적당한곳에 넣어둠
빈 곳에 마우스 우측 키를 눌러 탭 추가를 하여 AJAX Toolkit 이라고 탭을 만들어 준다 만들어진 AJAX Toolkit 이라는 탭 밑에 마우스 오른쪽 키를 눌러 항목선택 을 선택함
다운로드 받아 적당한 곳에 넣어둔 AjaxControlToolkit.dll 선택하여 열기를 누른다. 확인을 누른다
위와 같이 따라하게 되면 도구상자에 쭉 추가가 됩니다.
처음에 디자인 에 있는 Div 를 그림과 같이 적당한 사이즈로 맞춰줍니다. AJAX 확장 탭에 있는 ScriptManager 를 추가합니다.
도구상자에서 표준탭에서 Panel 를 추가하여 그림과 같이 적당한 사이즈로 줄여줍니다. 그리고 판낼 오른쪽 위에 > 이렇게 생긴것을 눌러주고 Extender 추가 를 누르면 그림과 같이 마법사가 하나 뜨고 DragPanelExtender 를눌러 확인을 누릅니다.
UpdatePanel 를 Panel 안에 추가시키고 UpdatePanel 안에 Timer 와 Label 을 넣어준다. Timer 속성에서 Interval 1000 로 바꿔준다(1초)
타이머를 더블클릭하면 코드를 추가할수 있다 다음과 같이 추가한다. 실행을 하면 1초마다 시간이 가는걸 볼수 있고 시계를 잡고 드래그 하면 움직인느 것을 볼 수 있다.