프로그래밍/ASP.NET

ASP.NET 업데이트패널(updatepanel) 간단 사용법

쇠주는참이슬 2013. 7. 18. 08:58

 

 

  • 출처 : http://kmj1107.tistory.com/21

  • UpdatePanel(업데이트패널) 이란??
     - UpdatePanel은 웹에서 PostBack될 때 창이 깜빡이지 않고 새로고침 해주는 컨트롤
  • 속성
    • UpdateMode : 언제 업데이트를 시킬거냐!
      • Always : 모든 이벤트에 대해 새로고침
      • Conditional : Trigger에서 지정한 컨트롤에서 이벤트가 일어날 때
    • Trigger : Update할 컨트롤 지정
    • <asp:AsyncPostBackTrigger> : 지정 컨트롤(ControlID)에 이벤트가 발생했을때 실행
    • <asp:PostBackTrigger> : 지정 컨트롤(ControlID)에 지정한 이벤트(EventName)가 발생했을때  실행
       
 예제 
 - 웹상에 GridView(gridView1)와 수정 버튼(EditButton) 출력
 - GridView에 데이터를 출력한 상태에서, 수정 버튼을 눌러 데이터를 수정
 - 깜빡임 없이 GridView에 변화된 데이터가 출력된다.

<asp:UpdatePanel ID="updatePanel1" runat="server" UpdateMode="Conditional">

        <ContentTemplate>

            <asp:GridView ID="gridView1" runat="server">

                  <!—그리드뷰 속성 지정-->

            </asp:GridView>

        </ContentTemplate>

 

        <Triggers>

            <!-UpdatePanel1 밖에있는 EditButton이 Click될때 UpdatePanel 발생->
            <asp:AsyncPostBackTrigger ControlID="EditButton" EventName="Click" />

        </Triggers>

    </asp:UpdatePanel>

 



★☆★☆ 필수 !!!!! ★☆★☆
updatepanel 을 사용하기 위해서는 상단에 ScriptManager를 사용해줘야 합니다.

 

<asp:ScriptManager ID="scriptManager1" runat="server"  />


업데이트패널, updatepanel, asp.net 업데이트패널