你可以用引導的模式。
<asp:Button ID="btnDelete" runat="server" Text="Delete" OnClick="showDialog_Event" />
頁:
<div class="container">
<div id="modalDialog" class="modal" role="dialog">
<div class="modal-dialog modal-sm" data-backdrop="static">
<div class="modal-content">
<div class="modal-header">
<div class="modal-title text-center">
<h4>Message</h4>
</div>
</div>
<div id="modalBodyDialog" class="modal-body">
</div>
<div class="modal-footer">
<asp:Button runat="server" ID="btnOkDialog" CssClass="btn btn-default" Text="Ok" OnClick="btnOkDialog_Click" />
<input type="button" value="Cancel" data-dismiss="modal" />
</div>
</div>
</div>
</div>
代碼:
public void showDialog_Event(object sender, EventArgs e) {
System.Text.StringBuilder sb = new System.Text.StringBuilder();
sb.Append(@"<script type='text/javascript'>");
sb.Append("$('#modalDialog').modal({'backdrop': 'static', 'keyboard': 'static', 'show': true});");
sb.Append("$('#modalBodyDialog').html('<ul><li>");
sb.Append(message);
sb.Append("</li></ul>')");
sb.Append(@"</script>");
Page.ClientScript.RegisterStartupScript(this.GetType(), "ModalScript", sb.ToString(), false);
}
獲取事件確認(BTN OK)
public void btnOkDialog(object sender, EventArgs e) {
// your code for delete
}
這個例子需要bootstrap和jquery。
您必須在您的服務器端代碼中定義事件處理程序'btnDelete_Click',然後確認客戶端上的刪除將導致回發到服務器。觸發此事件處理程序。 –
@Max Sorin無論如何,你可以創建一個這樣的小例子 –
SeM的答案有你需要的代碼隱藏。 –