zoukankan      html  css  js  c++  java
  • Ajax Toolkit UpdatePanelAnimationExtender应用及问题

    UpdatePanelAnimationExtender

    UpdatePanelAnimationExtender,应用表现不错,既有Animation效果,又可以使开发带来一点乐趣(起码页面不是一成不变的效果)。

         在实际应用的时候,不知道你有没有发现,一般可动画的部分,都是希望是显示结果的部分。

         那,要有这样的效果。一般的界面布局,基本上是两个updatePanel and UpdatePanelAnimationExtender的应用。image

    图上红色的部分就应用了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进行结果动画的触发。怎么办呢?(基于原理的说法,本人也没有什么解决方法。如果有高手的话,也请授教与此。)

  • 相关阅读:
    如何创建html新元素
    jqury如何一次性实现连贯的一系列不同动作?
    jquery论callback事件发生与并列事件发生的区别
    jquery论三种动画停止的区别
    jquery animate多个属性设置为toggle的叠加效果
    如何一个键实现控制一个元素的隐藏和显示?
    jquery中mouseenter,mouseleave与hover的区别用法
    Zabbix探索:工作时间的设置
    Zabbix探索:网络设备监控3
    Zabbix探索:Proxy没有回传任何数据
  • 原文地址:https://www.cnblogs.com/RuiLei/p/1097362.html
Copyright © 2011-2022 走看看