【经验分享】Ajax Control ToolKit 实战之三 : 确认提示框的应用 (ConfirmButtonExtender)

    本文主要介绍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()方法,这样会引起错误.