Ajax Toolkit — UpdatePanelAnimationExtender應用及問題

UpdatePanelAnimationExtender,應用表現不錯，既有Animation效果，又可以使開發帶來一點樂趣（起碼頁面不是一成不變的效果）。

     在實際應用的時候，不知道你有沒有發現，一般可動畫的部分，都是希望是顯示結果的部分。

     那，要有這樣的效果。一般的介面布局，基本上是兩個updatePanel and UpdatePanelAnimationExtender的應用。

圖上紅色的部分就應用了UpdatePanelAnimationExtender。

需求：

     點擊Search時，只把動畫應用Display Search Results部分。

實現：

     可以沒有問題。

    但，如果使用者想在Input Search Keyword上面運用AutoComplete功能，問題就來了。

    使用者應用了AutoComplete功能之後，使用者輸入一個keyWord，DisplaySearchResults部分動畫一次，然後再點擊Search時，DisplaySearchResults就不在動畫了。這是為什麼呢？

  

其實如果知道原理就可以知道是為什麼了？

答：因為基於updatePanel架構上說，當介面任何一個Elements發生postback，都會引發OnUpdating Animation的發生，但OnUpdated Animation僅發生在最後一次postback之後，也就是UpdatePanel更新結束.(所以在設定UpdatePanel時,應把第二次UpdatePanel的UpdateMode應設為Always。保證當每次部分postback完成這後都會執行OnUpdated Animation.)

 

It is important to note that because of the UpdatePanel architecture, the OnUpdating animation will always play when any partial postback starts, but the OnUpdated animation will only play at the end of a partial postback if its UpdatePanel was changed (note: setting the UpdatePanel's UpdateMode="Always" will ensure the OnUpdated animation plays when every partial postback completes).

 
哎，可是問題又來了。如果這樣的話，只要有任何partial postback的動作就會引發OnUpdating ,OnUpdated Animation的發生。那如果頁面再有一個button話，再次點擊它，display Search Results不是又會動畫一次嗎？是啊是啊。

如果我只想點擊Search進行結果動畫的觸發。怎麼辦呢？（基於原理的說法，本人也沒有什麼解決方案。如果有高手的話，也請授教與此。）