altas(ajax)控件(八)：ConfirmButton确认对话框

 

确认对话框使用非常的广泛，比如：删除时，确认是否删除

看看我们之前是怎么做的

前台html代码:

function  Button1_onclick()  ... {
    if(confirm("是否将此留言信息删除?"))
    ...{ 
       return true; 
    }else return false; 
}

 

< input  id ="Button1"  runat ="server"  onclick ="return Button1_onclick()"  type ="button"
            value ="删除"  onserverclick ="Button1_ServerClick"   />

 

后台cs代码

 

     protected   void  Button1_ServerClick( object  sender, EventArgs e)
     ... {
        //写删除代码
    }

 

 

 

使用altas(ajax)控件ConfirmButton的做法：

前台代码：

< script type = ' text/javascript ' >
     function  cancelClick()  ... {
        var label = $get('ctl00_SampleContent_Label1');
        label.innerHTML = '您已经取消了删除命令，时间： ' + (new Date()).localeFormat("T") + '.';
    }
</ script >

 

< asp:Button  ID ="Button"  runat ="server"  Text ="删除"  OnClick ="Button_Click"   />
  < ajaxToolkit:ConfirmButtonExtender  ID ="ConfirmButtonExtender1"  runat ="server"  
                        TargetControlID ="Button"
                        ConfirmText ="您确实要删除该条信息吗?"  
                        OnClientCancel ="cancelClick"   />

 

 

后台代码：

   protected   void  Button_Click( object  sender, EventArgs e)
   ... {
        //写删除代码
  }

 

ConfirmButton 控件的说明：

< ajaxToolkit:ConfirmButtonExtender  ID ="cbe"  runat ="server"
    TargetControlID ="LinkButton1"  
    ConfirmText ="确认删除?"  
    OnClientCancel ="CancelClick"   />

 

 

 

 

·                  TargetControlID - 该属性指定一个控件 （ LinkButton 、 Button 等 ），点击是出现确认对话框

·                  ConfirmText - 确认对话框显示的提示文字(注: 可以使用html代码(如: "&#10;" 表示换行))

·                  OnClientCancel – 取消时，执行的js函数。

·                  ConfirmOnFormSubmit - 直到页面被提交之前才弹出:换句话说就是等页面上的验证全部通过的时候才弹出这个对话框

 

效果地址：http://www.asp.net/AJAX/Control-Toolkit/Live/ConfirmButton/ConfirmButton.aspx