ConfirmButton Server Code

　　先看一段confirm的简介

　　　　ConfirmButton is a simple extender that catches clicks on a button (or any instance of a type derived from Button) and displays a message to the user. If the "OK" button is clicked, the button or link functions normally. If not, the click is trapped and the button will not perform its default submit behavior; optionally, a client script is executed if the OnClientCancel property is set. This is useful for delete links or anything else that requires confirmation from the user.

　　先在项目中添加AjaxControlToolkit.dll引用

　　代码：

　　　　 代码

< asp:LinkButton  ID ="LinkButton"  runat ="server"  OnClick ="Button_Click" > Click Me </ asp:LinkButton >
                     < ajaxToolkit:ConfirmButtonExtender  ID ="ConfirmButtonExtender1"  runat ="server"  
                        TargetControlID ="LinkButton"
                        ConfirmText ="Are you sure you want to click the LinkButton?"  
                        OnClientCancel ="cancelClick"   />
                     < br  />
                     < br  />
                     < asp:Button  ID ="Button"  runat ="server"  Text ="Click Me"  OnClick ="Button_Click"   />< br  />
                     < ajaxToolkit:ConfirmButtonExtender  ID ="ConfirmButtonExtender2"  runat ="server"  
                        TargetControlID ="Button"
                        OnClientCancel ="cancelClick"
                        DisplayModalPopupID ="ModalPopupExtender1"   />
                     < br  />
                     < ajaxToolkit:ModalPopupExtender  ID ="ModalPopupExtender1"  runat ="server"  TargetControlID ="Button"  PopupControlID ="PNL"  OkControlID ="ButtonOk"  CancelControlID ="ButtonCancel"  BackgroundCssClass ="modalBackground"   />
                     < asp:Panel  ID ="PNL"  runat ="server"  style ="display:none; width:200px; background-color:White; border-width:2px; border-color:Black; border-style:solid; padding:20px;" >
                        Are you sure you want to click the Button?
                         < br  />< br  />
                         < div  style ="text-align:right;" >
                             < asp:Button  ID ="ButtonOk"  runat ="server"  Text ="OK"   />
                             < asp:Button  ID ="ButtonCancel"  runat ="server"  Text ="Cancel"   />
                         </ div >
                     </ asp:Panel >

 

　　　　 

protected   void  Button_Click( object  sender, EventArgs e)
        {
            Label1.Text  =   " You clicked the  "   +  ((Control)sender).ID  +   "  at  "   +  DateTime.Now.ToLongTimeString()  +   " . " ;
        }

 

 

代码

< script type = ' text/javascript ' >
         function  cancelClick() {
             var  label  =  $get( ' MainContent_Label1 ' );
            label.innerHTML  =   ' You hit cancel in the Confirm dialog on  '   +  ( new  Date()).localeFormat( " T " )  +   ' . ' ;
        }
< / script>

 

 

 ConfirmButtonExtender的几个属性：

 　　

TargetControlID - The ID of the button or link for this extender to operate on. ConfirmText - The text to show when you want to confirm the click. (Note: HTML entities can be used here (ex: " " for new-line)) OnClientCancel - The client-side script that executes when the cancel button is clicked in the confirm dialog. ConfirmOnFormSubmit - True if the confirm dialog should wait until just before the form submits to display. This is useful when ASP.NET validators are in use and the confirm should be shown only after all validators pass. DisplayModalPopupID - Optionally specifies the ID of a ModalPopup control to use for displaying the confirmation dialog (instead of window.confirm). When using DisplayModalPopupID, the following conditions must be met:

• The ModalPopup must be configured to work against the same TargetControlID as the ConfirmButton (and should work properly if the ConfirmButton is disabled).
• The ModalPopup must specify OkControlID and/or CancelControlID to identify the buttons corresponding to window.confirm's OK/Cancel buttons.
• The ModalPopup must not specify OnOkScript or OnCancelScript.

LinkButton的弹出框

　　 

 Button的确认弹出框

 

  

转载于:https://www.cnblogs.com/zjz008/archive/2010/05/29/1746794.html