程式-ModalPopUp的寫法

這是正規的功能用法：主要是出現設定畫面，而使其它的功能元件都不能操作。

這些設定更改的動作，完全不會「PostBack」，而我還沒研究它是透過JavaScript或是可透過Server來操作？

---

 

這一次我實作的功能很簡單：

1.在按下「預約」「更新」時的等待時間，讓其它功能項不被操作。

---

 

程式方面：

利用偷吃步～～因為在用ModalPopup時，只要PostBack(意味Server端做完了事)，就會回復至原狀態。

所以我在<ajaxToolkit:ModalPopup    並沒設太多屬性，只指定它的觸發時間而已

<1>區塊：是顯示出「等待」時的區塊

　　PS:這類等待的動畫小圖示可以至：http://http://www.ajaxload.info/   下載！ 超好用的！

<2>區塊：設定Control，

       TargetControlID：我設定了觸發為Button1： Q1:被設定為觸發，它會執行Server端嗎？

       PopupControlID：要顯示的Panel，且這Panel設為Display:none

       BackgroundCssClass：主要是要設定背景色，透過它讓所有Control不被使用！

       <其它屬性介紹>

 

<3>區塊：在「更新」「預約」按鍵，我加了 OnClientClick="modalPopup"

      透過這JavaScript來呼叫Button1的Click；

 

這就是所要的結果畫面~~~

---

 

這次用 AjaxToolKit ，沒有想像中那麼快懂！有很多屬性我都不知是幹麻的~~~~

這一次的「簡單」功能，也是摸了一陣子才了解它「簡單」的寫法....

呼~有機會再深入寫吧

---

 

1.做圖小工具：http://http://www.ajaxload.info/  

2.Ajax ToolKit下載處(會有更新版本)