'취소'에 해당되는 글 1건
- 2011.09.06 "정말 삭제하시겠습니까?" 삭제 전 경고창 띄워주기
"정말 삭제하시겠습니까?" 삭제 전 경고창 띄워주기
ASP.NET 2011. 9. 6. 16:55
일반 버튼들과 다르게 [취소], [삭제] 등의 버튼은 사용자의 의견을 한번 더 물어볼 필요가 있겠죠.
기껏 장편소설써놓고 "어이쿠, 손이 미끄러졌......헐?"
이런 상황이 발생하지 않도록 중요한 버튼의 클릭이벤트에는 경고창을 추가해줍니다.
ASP.NET의 버튼 컨트롤에는 OnClick과 OnClientClick 두가지 클릭이벤트가 있습니다.
OnClick은 비하인드코드(.cs)에서 작동하는 함수명을 넣어서 사용하고
OnClientClick은 html 단의 자바스크립트 함수를 넣어서 사용하면 됩니다.
순서는 OnClientClick → OnClick의 순으로 동작합니다.
Board.aspx
<asp:TextBox ID="txtContent" runat="server"></asp:TextBox>
<asp:Button ID="btnDelete" runat="server" OnClick="btnDelete_Click" OnClientClick="return confirm('정말 삭제하시겠습니까?');" />
<asp:Button ID="btnDelete" runat="server" OnClick="btnDelete_Click" OnClientClick="return confirm('정말 삭제하시겠습니까?');" />
Board.aspx.cs
protected void btnDelete_Click(object sender, ImageClickEventArgs e)
{
this.txtContent.Text = "";
}
{
this.txtContent.Text = "";
}
