Sdílet prostřednictvím

Zakázání akcí během animace (VB)

  • Článek

Christian Wenz

Stáhnout PDF

Ovládací prvek Animace v ASP.NET AJAX Control Toolkit není jen ovládací prvek, ale celá architektura pro přidání animací do ovládacího prvku. Podporuje také akce, jako jsou kliknutí myší. Když však kliknutí myší spustí animaci, je vhodné během animace zakázat kliknutí myší.

Přehled

Ovládací prvek Animace v ASP.NET AJAX Control Toolkit není jen ovládací prvek, ale celá architektura pro přidání animací do ovládacího prvku. Podporuje také akce, jako jsou kliknutí myší. Když však kliknutí myší spustí animaci, je vhodné během animace zakázat kliknutí myší.

Postup

Nejprve na stránce zahrňte ScriptManager položku. Potom se načte knihovna AJAX ASP.NET, která umožňuje použití sady nástrojů Control Toolkit:

<asp:ScriptManager ID="asm" runat="server" />

Animace se použije na tlačítko HTML, jako je toto:

<input type="button" ID="Button1" runat="server" Value="Launch Animation" />

Všimněte si, že místo webového ovládacího prvku se používá ovládací prvek HTML, protože nechceme, aby tlačítko vytvořilo zpětné; právě spustí animaci na straně klienta pro nás.

Pak přidejte AnimationExtender na stránku IDatribut , TargetControlID atribut a povinný runat="server"parametr :

<ajaxToolkit:AnimationExtender ID="ae" runat="server" TargetControlID="Button1">

<Animations> V uzlu je správný prvek pro <OnClick> zpracování kliknutí myší. Na tlačítko se ale dá kliknout i během animace. O to se <EnableAction> může postarat element. Nastavení Enabled="false" zakáže tlačítko jako součást animace. Vzhledem k tomu, že používáme několik jednotlivých animací (zakázání tlačítka a samotných animací), <Parallel> je prvek nutný k připojování jednotlivých animací do jedné. Tady je kompletní revize pro AnimationExtender:

<ajaxToolkit:AnimationExtender ID="ae" runat="server" TargetControlID="Button1">
 <Animations>
 <OnClick>
 <Parallel>
 <EnableAction Enabled="false" />
 <FadeOut Duration="1.5" Fps="24" />
 <Resize Width="1000" Height="150" Unit="px" />
 </Parallel>
 </OnClick>
 </Animations>
</ajaxToolkit:AnimationExtender>

Bylo by také možné znovu povolit tlačítko po animaci pomocí následujícího elementu XML na konci seznamu:

<EnableAction Enabled="true" />

V daném scénáři by to ale bylo zbytečné, protože tlačítko zmizí a není viditelné na konci animace.

Tlačítko se zakáže, jakmile se spustí animace.

Tlačítko se zakáže, jakmile se spustí animace (kliknutím zobrazíte obrázek v plné velikosti).

PředchozíDalší