'Ajax Extension'에 해당되는 글 4건

  1. 2009.04.28 PageLoading
  2. 2009.04.06 " $ " 키워드
  3. 2009.04.06 Javascript 사용
  4. 2009.04.06 Timer

PageLoading

Ajax Extension 2009. 4. 28. 09:10 posted by 무명시인
사용자 삽입 이미지


위 그림처럼 페이지 로딩바를 만들어보자..

사용자 삽입 이미지


기본적으로 Ajax Extension 의 UpdateProcess 를 사용하고.

(1) Doctype 을 제거.. 스타일을 위해..

(2) UpdateProcess 의 첫번째 Div 돌아가는 gif 이미지..배경을 하얗게..

(3) 배경을 회색으로 만드는 Div.. 스타일에 주목하자..



사용자 삽입 이미지


.cs 에서는 확인용 3초 딜레이..


,

" $ " 키워드

Ajax Extension 2009. 4. 6. 17:34 posted by 무명시인 


<script type="text/javascript" language="javascript">
	document.getElementById('개체명')  =  $get("개체명");
</script>


$ 키워드는 해당 개체를 가져온다 ..

ScriptManager 가 올려져 있는 aspx 페이지에서 사용할수 있다. 


<script type="text/javascript" language="javascript">
	$get("Label1").innerHTML = $get("TextBox1").value;

	document.getElementById('Label1').innerHTML = document.getElementById('TextBox1').value
</script>


결국 위 아래 구문은 같다.
,

Javascript 사용

Ajax Extension 2009. 4. 6. 15:18 posted by 무명시인


[msdn 참고 경로]

asp.net 에서 자바스크립트를 사용할때 다음메소드를 사용한다. 


public static void RegisterClientScriptBlock(
    Control control,
    Type type,
    string key,
    string script,
    bool addScriptTags
)

public static void RegisterClientScriptBlock(
    Page page,
    Type type,
    string key,
    string script,
    bool addScriptTags
)


두개의 overload method..

다른건 실행 주체가 컨트롤(Update Panel 포함) 이냐..

Page 개체이냐의 차이다..

아래는 쌤플코드.. 


ScriptManager.RegisterClientScriptBlock(
            업데이트 패널 개체
            , this.GetType()
            , "jsAlert"
            , "<script type="text/javascript" language="javascript">alert('111');</script >"
	    , false);

ScriptManager.RegisterClientScriptBlock(            
	    this.Page            
	   , this.GetType()            
	   , "jsAlert"            
	   , "<script type="text/javascript" language="javascript">alert('111');</script >"
	   , false);


,

Timer

Ajax Extension 2009. 4. 6. 15:10 posted by 무명시인 



                                
                

                
                
    <title>??</title>

                











                
                
<body>
    

        
        
        
            
                
            
            
                <%=DateTime.Now.ToString()%>
            
        
    
</body>


Ajax Extension 의 타이머 컨트롤이다 ..

일정한 주기로 페이지 로드를 하는 컨트롤이다 ..

Interval 속성에 일정주기를 설정해주면 된다 ..

ex) 1000 -> 1초


,
<< prev 1 next >>

티스토리툴바