Ajax toolkit-updatepanelanimationextender application and Problems

Source: Internet
Author: User

Updatepanelanimationextender: The application performs well. It has both the animation effect and the fun of Development (at least the page is not the same effect ).

In actual application, I don't know if you have found it. Generally, the animation part is the part where you want to display the result.

Then, it should have such an effect. The general interface layout is basically two updatepanel and updatepanelanimationextender applications.

The red part of the figure applies updatepanelanimationextender.

Requirements:

When you click search, only apply the animation to the Display Search Results section.

Implementation:

Yes.

However, if you want to use the autocomplete function on the input search keyword, the problem arises.

After the autocomplete function is applied, the user enters a keyword, displaysearchresults, which is partially animated once, and then clicks search, displaysearchresults is no longer animated. Why?

In fact, if you know the principle, you can understand why?

A: Based on the updatepanel architecture, when any elements on the interface is PostBack, onupdating animation is triggered, but onupdated animation only occurs after the last PostBack, that is, the updatepanel update is complete. (When updatepanel is set, set the updatemode of the second updatepanel to always. Make sure that onupdated animation is executed every time partial PostBack is completed .)

 

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 ).

 
Ah, but the problem is coming again. In this case, any partial PostBack action will trigger onupdating and onupdated animation. If there is another button on the page, click it again. Isn't Display Search Results animated again? Yes.

If I only want to click search to trigger the result animation. What should we do? (I have no solution based on the principle. If you have a master, please also teach this .)

 

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.