具有触发器的UpdateProgress无法正常工作

时间:2012-04-15 12:46:53

标签: c# asp.net asp.net-ajax updateprogress

我正在尝试将UpdateProgress与触发器一起使用(请参阅下面的代码)但是当单击指定为asyncPostBackTrigger的按钮时,UpdateProgress不起作用。 如果我删除AssociatedUpdatePanelID属性,UpdateProgress控件工作。但我想配置独立的UpdateProgress所以,我需要指定 UpdateProgress控件的AssociatedUpdatePanelID属性。

这种行为是应该的吗?

  

注意:我不想拦截Sys.WebForms.PageRequestManager   实例并操纵异步请求以手动显示   并隐藏UpdateProgress元素。有没有办法做到这一点?

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="AjaxExtensionsTest._Default" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <asp:ScriptManager ID="ScriptManager1" EnablePartialRendering="true"  runat="server">
    </asp:ScriptManager>
    <h2>
        Ajax Extensions Test
    </h2>
        <asp:UpdatePanel ID="up1" UpdateMode="Conditional" runat="server">
            <ContentTemplate>
                <div id="content">
                    <asp:TextBox ID="txtDataHora" runat="server"></asp:TextBox>
                    <asp:UpdateProgress ID="progress1"  AssociatedUpdatePanelID="up1"  DynamicLayout="true" DisplayAfter="0" runat="server">
                        <ProgressTemplate>
                            <div>
                                <img alt="progress" src="loading.gif" />
                            </div>
                        </ProgressTemplate>
                    </asp:UpdateProgress>
                </div>
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="btnSubmit"  EventName="Click" />
            </Triggers>
        </asp:UpdatePanel>
    <asp:Button ID="btnSubmit" Text="Get Current Date/Time" runat="server" onclick="btnSubmit_Click" />
    <p>
    </p>
</asp:Content>
<script runat="server" language="csharp">

    protected void Page_Load(object sender, EventArgs e)
    {
        ScriptManager1.RegisterAsyncPostBackControl(btnSubmit);
    }

    protected void btnSubmit_Click(object sender, EventArgs e)
    {
        txtDataHora.Text = DateTime.Now.ToString("dd/MM/yyyy hh:mm:ss");
        System.Threading.Thread.Sleep(2000);
    }
</script>

1 个答案:

答案 0 :(得分:0)

如果需要使用AsyncPostBackTrigger和AssociatedUpdatePanelID,那么您唯一的选择是处理Sys.WebForms.PageRequestManager实例上的事件并手动显示和隐藏UpdateProgress元素。那里有代码在服务器上运行并注入必要的JavaScript,这些JavaScript可以封装到一个控件中,以使这样做非常整洁。