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

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

看看我们之前是怎么做的

前台html代码:

function Button1_onclick() ... {
if(confirm("是否将此留言信息删除?"))
...{
returntrue;
}elsereturnfalse;
}

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

后台cs代码

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

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

前台代码：

< scripttype = ' text/javascript ' >
function cancelClick() ... {
varlabel=$get('ctl00_SampleContent_Label1');
label.innerHTML='您已经取消了删除命令，时间：'+(newDate()).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,EventArgse)
... {
//写删除代码
}

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