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

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

看看我们之前是怎么做的

前台html代码:

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

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

后台cs代码

protectedvoidButton1_ServerClick(objectsender,EventArgse)
...{
//写删除代码
}

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

前台代码：

<scripttype='text/javascript'>
functioncancelClick()...{
varlabel=$get('ctl00_SampleContent_Label1');
label.innerHTML='您已经取消了删除命令，时间：'+(newDate()).localeFormat("T")+'.';
}
</script>

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

后台代码：

protectedvoidButton_Click(objectsender,EventArgse)
...{
//写删除代码
}

ConfirmButton控件的说明：

<ajaxToolkit:ConfirmButtonExtenderID="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