AJAX Update Pαnel and UpdatePanelAnimationExtender

YouTube — Tue, 01 Mar 2011 19:17:12 GMT

Καλημερα,

προσπα8ω να προσ8εσω UpdatePanelAnimationExtender σε ενα UpdatePanel που βρισκεται μεσα σε WebContent Form. Δυστυχως κανενα απο τα animations δεν παιζει

Αυτος ειναι ο κωδικας στο aspx::

<%@ Page Title="" Language="C#" MasterPageFile="~/admin/PageBase.Master" AutoEventWireup="true" CodeBehind="common.aspx.cs" Inherits="CMS.admin.common" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
       
        <asp:UpdatePanelAnimationExtender ID="UpdatePanel1_UpdatePanelAnimationExtender" BehaviorID="animation" runat="server" Enabled="True" TargetControlID="UpdatePanel1">
        <Animations>
            <OnUpdating>
                <Sequence>
                    </ScriptAction Script="var b = $find('animation'); b._originalHeight = b._element.offsetHeight;">
                    <Parallel duration="1">
                        </EnableAction AnimationTarget="btnSubmit" Enabled="false">
                        </EnableAction AnimationTarget="btnClearFields" Enabled="false">
                        </EnableAction AnimationTarget="txtTitle" Enabled="false">
                        </EnableAction AnimationTarget="txtDescr" Enabled="false">
                        </EnableAction AnimationTarget="txtKeywords" Enabled="false">
                        </EnableAction AnimationTarget="txtCompanyName" Enabled="false">
                        </EnableAction AnimationTarget="txtCompanySite" Enabled="false">
                        </EnableAction AnimationTarget="txtFooter" Enabled="false">
                        </EnableAction AnimationTarget="txtLangCode" Enabled="false">                        
                    </Parallel>
                    </StyleAction Attribute="overflow" value="Hidden">
                    <Parallel Duration=".25" Fps="30">
                        </FadeOut AnimationTarget="updateContainer" minimumOpacoty = ".2">
                        </Resize Height="0">
                        </Color AnimationTarget="updateContainer" PropertyKey="backgroundColor" EndValue="#FF0000" StartValue="#40669A">
                    </Parallel>
                </Sequence>
            </OnUpdating>
            <OnUpdated>
                <Sequence>
                    <Parallel duration=".25" Fps="30">
                        </FadeIn AnimationTarget="updateContainer" minimumOpacity=".2">
                        </Resize HeightScript="$find('animation')._originalHeight">
                        </Color AnimationTarget="upContainer" PropertyKey="backgroundColor" StartValue="#FF0000" EndValue="#40669A">
                    </Parallel>
                    <Parallel Duration="0">
                        </EnableAction AnimationTarget="btnSubmit" Enabled="true">
                        </EnableAction AnimationTarget="btnClearFields" Enabled="true">
                        </EnableAction AnimationTarget="txtTitle" Enabled="true">
                        </EnableAction AnimationTarget="txtDescr" Enabled="true">
                        </EnableAction AnimationTarget="txtKeywords" Enabled="true">
                        </EnableAction AnimationTarget="txtCompanyName" Enabled="true">
                        </EnableAction AnimationTarget="txtCompanySite" Enabled="true">
                        </EnableAction AnimationTarget="txtFooter" Enabled="true">
                        </EnableAction AnimationTarget="txtLangCode" Enabled="true">  
                    </Parallel>
                </Sequence>
            </OnUpdated>
        </Animations>
    </asp:UpdatePanelAnimationExtender>
    
    <div id="updateContainer">
        <asp:UpdatePanel runat="server" UpdateMode="Conditional" ID="UpdatePanel1">
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="btnSubmit" EventName="Click" />
                <asp:AsyncPostBackTrigger ControlID="btnClearFields" EventName="Click" />
            </Triggers>
            
        <ContentTemplate>
            </asp:Label Text="Insert a new record" Font-Size="Large" runat="server">
            <br />
            <br />
            </asp:Label ID="lblTitleError" runat="server" ForeColor="Red" Visible="false" Text=" Site title is a required field">
            </asp:Label ID="lblLangCodeError" runat="server" ForeColor="Red" Visible="false" Text="Language must be up to 3 characters">
            <div style="width:auto">
                </asp:Label Text="Site Title" Width="150" runat="server">
                </asp:TextBox ID="txtTitle" runat="server">
                <br />
                <br />
                </asp:Label Text="Site Description" Width="150" runat="server">
                </asp:TextBox ID="txtDescr" runat="server">
                <br />
                <br />
                </asp:Label Text="Site Keywords" Width="150" runat="server">
                </asp:TextBox ID="txtKeywords" runat="server">
                <br />
                <br />
                </asp:Label Text="Company Name" Width="150" runat="server">
                </asp:TextBox ID="txtCompanyName" runat="server">
                <br />
                <br />
                </asp:Label Text="Company Site" Width="150" runat="server">
                </asp:TextBox ID="txtCompanySite" runat="server">
                <br />
                <br />
                </asp:Label Text="Footer Info" Width="150" runat="server">
                </asp:TextBox ID="txtFooter" runat="server">
                <br />
                <br />
                </asp:Label Text="Language Code" Width="150" runat="server">
                </asp:TextBox ID="txtLangCode" runat="server">
                <br />
                <br />
            </div>
        </ContentTemplate>
        </asp:UpdatePanel>
    </div>
        <asp:Button ID="btnSubmit" Text="Submit" runat="server" onclick="btnSubmit_Click" />
        <asp:Button ID="btnClearFields" Text="Clear fields" runat="server" onclick="btnClearFields_Click" />
    <hr style="width:1100px" />
    <br />
    <br />
    </asp:Label ID="lblLangCodeError1" Text="Language Code must be up to 3 characters " runat="server" ForeColor="Red" Visible="false">
    </asp:Label ID="lblTitleError1" Text=" Site title is a required field" runat="server" ForeColor="Red" Visible="false">
    <br />
    <asp:GridView CssClass="gridStyle" ID="grdCommon" runat="server" DataKeyNames="id" AutoGenerateDeleteButton="true"
                  HeaderStyle-BackColor="ActiveCaption"
                  onrowdatabound="grdCommon_RowDataBound"
                  AutoGenerateColumns="false" 
                  onrowcancelingedit="grdCommon_RowCancelingEdit"
                  onRowDeleting="grdCommon_RowDeleting"
                  onrowediting="grdCommon_RowEditing" onrowupdating="grdCommon_RowUpdating" AutoGenerateEditButton="true">
        <Columns>
            <asp:BoundField DataField="id" HeaderText="ID" ReadOnly="true" Visible="false"/>
            <asp:BoundField DataField="site_title" HeaderText="Site Title"/>
            <asp:BoundField DataField="site_description" HeaderText="Site Description"/>
            <asp:BoundField DataField="site_keywords" HeaderText="Site Keywords"/>
            <asp:BoundField DataField="company_name" HeaderText="Company Name"/>
            <asp:BoundField DataField="company_site" HeaderText="Company Site"/>
            <asp:BoundField DataField="footer_info" HeaderText="Footer Info"/>
            <asp:BoundField DataField="lang_code" HeaderText="Language Code"/>
        </Columns>
    </asp:GridView>
</asp:Content>

Προσπαθησα να κανω το ιδιο σε ενα test aspx για να ειναι ποιο ευκολο-διαβαστω και μαζεμενο μπας και βγαλω ακρη. Δυστυχως ουτε εκει λειτουργει

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    </title>
</head>
<body>
    <form id="form1" runat="server">
     </asp:ScriptManager ID="ScriptManager1" runat="server">
    <div>
        <div id="updateContainer">
            <asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="server">
                <Triggers>
                    <asp:AsyncPostBackTrigger ControlID="btn" EventName="Click" />
                </Triggers>
                <ContentTemplate>
                    </asp:TextBox ID="txt" runat="server">
                </ContentTemplate>
            </asp:UpdatePanel>
            <asp:UpdatePanelAnimationExtender BehaviorID="animation" ID="UpdatePanel1_UpdatePanelAnimationExtender" runat="server" Enabled="True" TargetControlID="UpdatePanel1">
                <Animations>
            <OnUpdating>
                <Sequence>
                    </ScriptAction Script="var b = $find('animation'); b._originalHeight = b._element.offsetHeight;">
                    <Parallel duration="1">
                        </EnableAction AnimationTarget="btn" Enabled="false">
                        </EnableAction AnimationTarget="txt" Enabled="false">
                    </Parallel>
                    </StyleAction Attribute="overflow" value="Hidden">
                    <Parallel Duration=".25" Fps="30">
                        </FadeOut AnimationTarget="updateContainer" minimumOpacoty = ".2">
                        </Resize Height="0">
                        </Color AnimationTarget="updateContainer" PropertyKey="backgroundColor" EndValue="#FF0000" StartValue="#40669A">
                    </Parallel>
                </Sequence>
            </OnUpdating>
            <OnUpdated>
                <Sequence>
                    <Parallel duration=".25" Fps="30">
                        </FadeIn AnimationTarget="updateContainer" minimumOpacity=".2">
                        </Resize HeightScript="$find('animation')._originalHeight">
                        </Color AnimationTarget="upContainer" PropertyKey="backgroundColor" StartValue="#FF0000" EndValue="#40669A">
                    </Parallel>
                    <Parallel Duration="0">
                        </EnableAction AnimationTarget="btn" Enabled="true">
                        </EnableAction AnimationTarget="txt" Enabled="true"> 
                    </Parallel>
                </Sequence>
            </OnUpdated>
        </Animations>
            </asp:UpdatePanelAnimationExtender>  
        </div>
        <asp:Button Text="Submit" ID="btn" runat="server"/>
    </div>
    </form>
</body>
</html>

Καμια ιδεα κανεις?!?!?!?

ASP.NET & AJAX

AJAX Update Pαnel and UpdatePanelAnimationExtender