Ajax Control Toolkit Animation 想说爱你不容易

AjaxcontrolToolkitAnimation效果很酷,可以节省我们很多的开发时间。但是昨天发现了Animation缺乏灵活性的一点,这让我们一度陷入被动.
下面是示例代码里面的一段:
< ajaxToolkit:AnimationExtender id ="OpenAnimation" runat ="server" TargetControlID ="btnInfo" >
< Animations >
< OnClick >
< Sequence >
<% --Disablethebuttonsoitcan'tbeclickedagain--%>
<EnableActionEnabled="false"/>

<%--Positionthewireframeontopofthebuttonandshowit--
%>
< ScriptAction Script ="Cover($get('ctl00_SampleContent_btnInfo'),$get('flyout'));" />
<StyleActionAnimationTarget="flyout"Attribute="display"Value="block"/>

<%--Movethewireframefromthebutton'sboundstotheinfopanel'sbounds--%>
<ParallelAnimationTarget="flyout"Duration=".3"Fps="25">
<MoveHorizontal="150"Vertical="-50"/>
<ResizeWidth="260"Height="280"/>
<ColorPropertyKey="backgroundColor"StartValue="#AAAAAA"EndValue="#FFFFFF"/>
</Parallel>

<%--Movetheinfopanelontopofthewireframe,fadeitin,andhidetheframe--%>
<ScriptActionScript="Cover($get('flyout'),$get('info'),true);"/>
<StyleActionAnimationTarget="info"Attribute="display"Value="block"/>
<FadeInAnimationTarget="info"Duration=".2"/>
<StyleActionAnimationTarget="flyout"Attribute="display"Value="none"/>

<%--Flashthetext/borderredandfadeinthe"close"button--%>
<ParallelAnimationTarget="info"Duration=".5">
<ColorPropertyKey="color"StartValue="#666666"EndValue="#FF0000"/>
<ColorPropertyKey="borderColor"StartValue="#666666"EndValue="#FF0000"/>
</Parallel>
<ParallelAnimationTarget="info"Duration=".5">
<ColorPropertyKey="color"StartValue="#FF0000"EndValue="#666666"/>
<ColorPropertyKey="borderColor"StartValue="#FF0000"EndValue="#666666"/>
<FadeInAnimationTarget="btnCloseParent"MaximumOpacity=".9"/>
</Parallel>
</Sequence>
</OnClick>
</Animations>
</ajaxToolkit:AnimationExtender>
我们注意一下Move效果,现在HorizontalVertical的偏移量都是固定值,我们当然希望可以用一个灵活的方式来设定这个值,最简单的:
functiona()
{return200;}
然后修改代码
<MoveHorizontal="returna();"Vertical="-50"/>,运行,页面报错:参数无效
同样的问题出现在了Resize上面,查看页面源代码:
[
{\"AnimationName\":\"Move\",\"Horizontal\":\"returna();\",\"Vertical\":\"-50\",\"AnimationChildren\":[]},{\"AnimationName\":\"Resize\",\"Width\":\"260\",\"Height\":\"280\",\"AnimationChildren\":[]},
这个问题让AjaxControltoolkitAnimation的可用性大大降低,有多少东西是一成不变的呢???

坚强2002和你一起回头再说...

你可能感兴趣的:(Ajax)