관리 메뉴

IT 쟁이

ASP.NET 클라이언트 스크립트 사용하기 ASP.NET 1.0 본문

JavaScript

ASP.NET 클라이언트 스크립트 사용하기 ASP.NET 1.0

꾸준한 사람이 되자 클라인STR 2008.01.31 22:28
서버 컨트롤에서 클라이언트 스크립트 사용하기

다음과 같은 페이지를 구성합니다.


사용자 삽입 이미지
서버컨트롤로 텍스트박스와 버튼 라벨컨트롤을 생성합니다.

다음과 같은 스크립트 코드를 추가합니다.


<script type="text/javascript">
         
        function Test()
        {
         
            if (confirm("처리할까요?"))
                return true;
          else
              return false;
           
            
        }
  </script>

서버로 데이터를 전송하기전에 한번도 의사 여부를 묻기 위해서 confirm()함수를 사용합니다.

보통 Button 컨트롤을 클릭하면 기본적으로 서버로 전송되고 Button_Click 서버 이벤트가 발생한다. 서버로 전송되기 전에 클라이언트 함수를 실행시켜야 합니다. 그러기 위해서 다음코드를 작성합니다.

사용자 삽입 이미지


서버 컨트롤이 HTML로 렌더링되는 속성은 Attributes 컬렉션으로 추가 할 수 있습니다. 따라서 Page_Load 이벤트 핸들러에서 onclick 속성에 대한 값을 지정할 수 있습니다. 렌더링 될 속성의 값을 코드에서 직접 제어할려면 Add 메소드를 이용해서 속성과 속성 값을 추가할 수 있습니다.
또는 Button1.Attributes["onclick"] = "Test()"; 이런식으로 작성할 수 있습니다.
사용자 삽입 이미지

확인 버튼을 클릭하면 라벨에 텍스트값이 나타납니다.

사용자 삽입 이미지

 이때 취소 버튼을 클릭해도 라벨에 값이 출력된다. 그러므로 자바스크립트 코드를 다음과 같이 변경합니다.

<script type="text/javascript">
         
        function Test()
        {
         
            if (confirm("처리할까요?"))
            {
                 return true;
            }
            else
           {
               event.returnValue=false; 
               return false;
           }      
        }
  </script>

참고 서적 - 영진닷컴 ASP.NET 바이블
0 Comments
댓글쓰기 폼