【經驗分享】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()方法,這樣會引起錯誤.