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

 

 

• 출처 : 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 업데이트패널