本文主要介绍Ajax Control ToolKit中的ConfirmButtonExtender控件的使用.
主要功能: 为按钮增加提示框,原来用javascript也可以实现该功能,但是直接使用更为方便简捷.
开始使用:
1. 在页面上添加ScriptManager控件.
2. 在页面上添加UpdatePanel.这是划定无刷区域.将需要的内容放在此.
3. 在UpdatePanel中,添加一个Button控件.id = Button1
4. 在UpdatePanel中,添加一个ConfirmButtonExtender控件.设置TargetControlID = "Button1",ConfirmText="您确定提交吗?"
5.为button控件添加一个Button1_Click事件.事件中写:
ScriptManager.RegisterClientScriptBlock(this.Page, typeof(DemoTestPage), "commit", "alert('您的提交已经成功.谢谢');", true);
显示效果:
1. 点击button1按钮后,弹出您确定提交吗?的提示.
2. 点击确定后,弹出 您的提交已经成功.谢谢 的提示框.
3. 如果点击取消按钮,那么不作任何操作.
注意事项:
1. ajax环境需要搭建好
2. ScriptManager控件必不可少.
3. button按钮和ConfirmButtonExtender控件需要放在UpdatePanel内.或者将button和ConfirmButtonExtender一起放在UpdatePanel外,然后设置UpdatePanel的Triggers的AsyncPostBackTrigger中设定ControlID为该Button按钮
4.button的事件中,不要使用response.write()方法,这样会引起错误.