1

部分的なポストバックの間にロードするのに時間がかかるページがあり、UpdatePanelAnimationExtenderを配置してupdatepanelをフェードインおよびフェードアウトしました。サンプル：

Aspx 

       <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always"  >
        <ContentTemplate>
            <asp:Button ID="testbtn" runat="server" Text="test" />
        </ContentTemplate>
     </asp:UpdatePanel>

    <ajaxToolkit:UpdatePanelAnimationExtender ID="UpdatePanelAnimations" runat="server" TargetControlID="UpdatePanel1">
      <Animations>
        <OnUpdating> 
            <FadeOut Duration="0.2" Fps="20" minimumOpacity=".3" />
         </OnUpdating>
        <OnUpdated>
            <FadeIn Duration="0.2" Fps="20" minimumOpacity=".3"/>
        </OnUpdated>
    </Animations>
</ajaxToolkit:UpdatePanelAnimationExtender>

コードビハインド

Private Sub testpage_Init(sender As Object, e As System.EventArgs) Handles Me.Init
    UpdatePanel1.ContentTemplateContainer.Controls.Add(New LiteralControl("1")) 'Show the init ran
End Sub

Private Sub btn_Click(sender As Object, e As System.EventArgs) Handles testbtn.Click
    ScriptManager.GetCurrent(Me.Page).AddHistoryPoint("2", "2", "2") 'Save Event
    UpdatePanel1.ContentTemplateContainer.Controls.Add(New LiteralControl("2")) 'Display event
End Sub

Private Sub sm1_Navigate(sender As Object, e As System.Web.UI.HistoryEventArgs) Handles sm1.Navigate
    Dim State As String = ""
    If e.State.HasKeys Then
        State = e.State.Item(0)
    End If
    UpdatePanel1.ContentTemplateContainer.Controls.Add(New LiteralControl(State)) '"Reload" event
End Sub

ページが最初に読み込まれると、ボタン1が表示されます

ボタンをクリックすると、状態が保存され、ボタン12が表示されます。

そして、それは正しくフェードインとフェードアウトを行います。履歴情報を含むURLを取得し、それを新しいタブにロードしようとすると、ボタン12は正しく表示されますが、フェードアウトしたままになります。OnUpdatedは、ページの最初の読み込みに関して部分的なポストバックが発生した場合にのみ実行されると人々が言うのを聞いたことがあります。履歴でロードするときに部分的なポストバックを偽造していないので、フェードインすることはないと思います。

私の質問は、これを修正するためのクリーンな方法がありますが、それを見つけることができたばかりですか、それとも手動でフェードインを呼び出すためにJavaScriptを挿入することに固執していますか？この問題は単純なようですが、私はそこにほとんどまたはまったく助けを見つけることができません。

ありがとう

4

1 に答える 1

1

私はついにそれを理解しました。OnUpdating部分的なポスト バックを初期化したコントロールがスクリプト マネージャーであるかどうかを確認する条件をサイドに追加しました。その場合、フェードアウトしないでください。

 <ajaxToolkit:UpdatePanelAnimationExtender ID="UpdatePanelAnimations" BehaviorID="animationpanel" runat="server" TargetControlID="UpdatePanel1">
    <Animations>
        <OnUpdating> 
            <Condition ConditionScript="(theForm.__EVENTTARGET.value != 'ctl00$sm1');">
                <FadeOut Duration="0.15" Fps="20" minimumOpacity=".3" />
            </Condition>
         </OnUpdating>
        <OnUpdated>
            <FadeIn Duration="0.15" Fps="20" minimumOpacity=".3" />
        </OnUpdated>
    </Animations>
</ajaxToolkit:UpdatePanelAnimationExtender>
于 2011-07-08T05:27:06.710 に答える