Asp.net 多个UpdatePanel回发触发其他UpdatePanel的updateprogress动画_Asp.net_Webforms_Updatepanel_Updatepanel Progressbar

Asp.net 多个UpdatePanel回发触发其他UpdatePanel的updateprogress动画

asp.net

Asp.net 多个UpdatePanel回发触发其他UpdatePanel的updateprogress动画,asp.net,webforms,updatepanel,updatepanel-progressbar,Asp.net,Webforms,Updatepanel,Updatepanel Progressbar,我在一个网页上有多个updatePanel，一个在UserControl内部（如图所示的紫色色框），另一个在主页内。当调用主页的分页用户控件（）时，它会显示“最新新闻”部分的相应UpdateProgress，但也会显示“订阅”用户控件的updatePanimationExtender 我正在使用updatePaneAnimationExtender进行用户控制，并使用UpdateProgress进行主页上的最新更新我试图改变酒店的属性，但它一直在发生；若我保持UpdateMode=“Condi

我在一个网页上有多个

updatePanel

，一个在UserControl内部（如图所示的紫色色框），另一个在主页内。当调用主页的分页用户控件

（<12 3>）

时，它会显示“最新新闻”部分的相应

UpdateProgress

，但也会显示“订阅”用户控件的

updatePanimationExtender

我正在使用

updatePaneAnimationExtender

进行用户控制，并使用

UpdateProgress

进行主页上的最新更新

我试图改变酒店的属性，但它一直在发生；若我保持

UpdateMode=“Conditional”

用于用户控制，那个么进度条将进入循环并持续显示

屏幕截图

如何更改此代码以仅显示相应的进度条。过去几天我看了50多个例子，但修女似乎在工作。如果有人能帮我把这个修好，我将不胜感激

 <!-- LatestNewArea -->
    <div class="LatestNewArea">
        <asp:UpdatePanel ID="updLatestNews" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            <asp:Repeater ID="rptLatestNews" runat="server" EnableViewState="False" onitemdatabound="rptLatestNews_ItemDataBound">
                <ItemTemplate>
                <asp:HyperLink ID="hylLatestNews" CssClass="chylLatestNews" runat="server" NavigateUrl=''>
                    <div class="LatestNewsWrapper">
                        <div class="LatestNewsDateBox">
                            <div class="LNYYYY">
                                <asp:Label ID="lblYYYY" runat="server" Text="2012"></asp:Label>  
                            </div>
                            <div class="LNDDMM">
                                <asp:Label ID="lblDDMM" runat="server" Text="12/08"></asp:Label> 
                            </div>
                        </div>
                        <div class="LatestNewsTitle">
                            <asp:Label ID="lblLatestNewsTitle" runat="server" Text="First News for the Website"></asp:Label>
                        </div>
                        <div class="LatestNewsHDate">
                            <asp:Label ID="Label1" runat="server" Text="Hijri: 15 Rajab 1433"></asp:Label>
                        </div>
                        <div class="LatestNewsDesc">
                            <asp:Label ID="Label2" runat="server" Text=""></asp:Label>
                        </div>
                    </div>
                    <div class="LNHLine"> </div>
                </asp:HyperLink>
            </ItemTemplate>
        </asp:Repeater>
        <!-- Pager -->
        <div class="LatestNewsPagerWrapper">
        <div class="LatestNewsPagerInnerWrapper">
            <asp:UpdateProgress ID="UpdateProgress1" runat="server" DisplayAfter="50" AssociatedUpdatePanelID="updLatestNews" >
                <ProgressTemplate>
                <div id="imgLoadingArticleList" class="imgLoadingArticleList">
                    <asp:Image ID="imgLoading" runat="server" ImageUrl="~/images/ajax-loader-bar2.gif"  />
                </div>
                </ProgressTemplate>
            </asp:UpdateProgress>
            <uc1:PagerControl ID="PagerControl1" runat="server"  CssClass="gold-pager"  PageMode="LinkButton"  />
        </div>
        </div>
        <!-- Pager -->
    </ContentTemplate>
    </asp:UpdatePanel>
    </div>
    <!-- LatestNewArea -->

用户控制页面代码

    <script type="text/javascript">

        function onUpdating() {
            // get the divImage
            var panelProg = $get('divImage');
            // set it to visible
            panelProg.style.display = '';

            // hide label if visible      
            var lbl = $get('<%= this.pnlSubscribe.ClientID %>');
            lbl.innerHTML = '';
        }

        function onUpdated() {
            // get the divImage
            var panelProg = $get('divImage');
            // set it to invisible
            panelProg.style.display = 'none';
        }

    </script>

<table cellpadding="0" cellspacing="0" class="SubscribeContainer">
    <tr>
        <td align="center">
            <table cellpadding="0" cellspacing="0" class="SubscribeWrapper" border="0">
                <tr>
                    <td valign="top">
                    <asp:UpdatePanel ID="updSubscribe" runat="server" >
                        <ContentTemplate>  
                                <asp:Panel ID="pnlSubscribe" runat="server" Height="10px">
                                    <div class="SubHeading"><asp:Label ID="lblTitle" runat="server" Text="JOIN US"></asp:Label></div>
                                    <div class="dSubName">
                                        <asp:TextBox ID="txtName" CssClass="txtSubscribe" runat="server" Text="NAME" onfocus="if(this.value=='NAME')this.value='';" onblur="if(this.value=='')this.value='NAME';"></asp:TextBox>
                                    </div>
                                    <div class="dSubEmail">
                                        <asp:TextBox ID="txtEmail" CssClass="txtSubscribe" runat="server" Text="YOUR EMAIL" onfocus="if(this.value=='YOUR EMAIL')this.value='';" onblur="if(this.value=='')this.value='YOUR EMAIL';"></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="rfvEmailSub"  runat="server" ErrorMessage="*" 
                                            ControlToValidate="txtEmail" ValidationGroup="SubEmail" ></asp:RequiredFieldValidator>
                                        <asp:RegularExpressionValidator ID="revEmailSub" runat="server" 
                                            ErrorMessage="*" ControlToValidate="txtEmail" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
                                            ValidationGroup="SubEmail" ></asp:RegularExpressionValidator>
                                    </div>
                                    <div class="dSubSubmit">
                                        <asp:Button ID="btnSubscribe" CssClass="btnSubscribe" runat="server" ValidationGroup="SubEmail" Text="Subscribe" onclick="btnSubscribe_Click" />
                                    </div> 
                                </asp:Panel> 
                                    <div class="dSubMSG"> 
                                    <asp:Label ID="lblMSG" runat="server" Text=""></asp:Label>
                                </div>
                                            <div id="divImage" style="display:none" class="dSubAni">
                                                <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/loader-sub.png" Visible="true"/>
                                            </div>

                        </ContentTemplate>
                    </asp:UpdatePanel>

                    <asp:UpdatePanelAnimationExtender ID="UpdatePanelAnimationExtender1"  TargetControlID="updSubscribe" runat="server">
                    <Animations>
                        <OnUpdating>
                            <Parallel duration="0">
                                <ScriptAction Script="onUpdating();" />

                                <EnableAction AnimationTarget="btnSubscribe" Enabled="false" />                    
                            </Parallel>
                        </OnUpdating>
                        <OnUpdated>
                            <Parallel duration="0">
                                <ScriptAction Script="onUpdated();" /> 
                                <EnableAction AnimationTarget="btnSubscribe" Enabled="true" />
                            </Parallel>
                        </OnUpdated>
                    </Animations>
                    </asp:UpdatePanelAnimationExtender>  


                       </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>


函数onUpdate（）{
//获取divImage
var panelProg=$get（'divImage'）；
//将其设置为可见
panelProg.style.display=''；
//隐藏标签（如果可见）
var lbl=$get（“”）；
lbl.innerHTML=''；
}
函数未更新（）{
//获取divImage
var panelProg=$get（'divImage'）；
//将其设置为“不可见”
panelProg.style.display='none'；
}

其他信息：ASP.NET4.0，C#&Paging control是一个用户控件，它使用linkbutton进行分页

我尝试了许多解决方案，但没有一个能够正常工作。最后，我决定用

UpdateProgress

替换用户控件的

updatePanimationExtender

，因为我能够捕获

AsyPostback

由于某种原因，当我使用

UpdatePanelAnimationExtender

此方法可用于多个更新面板，需要捕获回发的初始控件

下面是工作代码

//更新时隐藏控件的函数
函数onUpdateOfSubscribe（）{
var panelProg=$get（'divImage'）；
//将其设置为可见
panelProg.style.display=''；
//隐藏标签（如果可见）
var lbl=$get（“”）；
lbl.innerHTML=''；
}
//跟踪启动事件以便关联updateprogress的代码
var-currentPostBackElement；
函数pageLoad（）{
var manager=Sys.WebForms.PageRequestManager.getInstance（）；
添加初始化请求（OnInitializeRequest）；
}
//关于初始化请求
函数OnInitializeRequest（发送方，参数）{
var manager=Sys.WebForms.PageRequestManager.getInstance（）；
currentPostBackElement=args.get_postBackElement（）.parentElement；
var cmdauthorizeButton=''；
if（CmdAuthorizationButton==args.\u postBackElement.id）{
//显示订阅的UpdateProgress
onUpdateOfSubscribe（）；
}
}
    // Function to hide control on update
            function onUpdateOfSubscribe() {
                var panelProg = $get('divImage');
                // set it to visible
                panelProg.style.display = '';
                // hide label if visible      
                var lbl = $get('<%= this.pnlSubscribe.ClientID %>');
                lbl.innerHTML = '';
            }
    //Code to track the initiating event so to associate updateprogress
        var currentPostBackElement;
        function pageLoad() {
            var manager = Sys.WebForms.PageRequestManager.getInstance();
            manager.add_initializeRequest(OnInitializeRequest);
        }
        //On OnInitializeRequest
        function OnInitializeRequest(sender, args) {
            var manager = Sys.WebForms.PageRequestManager.getInstance();
            currentPostBackElement = args.get_postBackElement().parentElement;

            var cmdAuthoriseButton = '<%= btnSubscribe.ClientID %>';
            if (cmdAuthoriseButton == args._postBackElement.id) {
                // Show UpdateProgress for subscribe 
                onUpdateOfSubscribe();
            }
        }
    </script>

<table cellpadding="0" cellspacing="0" class="SubscribeContainer">
        <tr>
            <td align="center">
                <table cellpadding="0" cellspacing="0" class="SubscribeWrapper" border="0" >
                    <tr>
                        <td valign="top">
                        <asp:UpdatePanel ID="updSubscribe" runat="server" UpdateMode="Conditional"   >
                            <ContentTemplate>  
                                    <asp:Panel ID="pnlSubscribe" runat="server" Height="10px">
                                        <div class="SubHeading"><asp:Label ID="lblTitle" runat="server" Text="JOIN US"></asp:Label></div>
                                        <div class="dSubName">
                                            <asp:TextBox ID="txtName" CssClass="txtSubscribe" runat="server" Text="NAME" onfocus="if(this.value=='NAME')this.value='';" onblur="if(this.value=='')this.value='NAME';"></asp:TextBox>
                                        </div>
                                        <div class="dSubEmail">
                                            <asp:TextBox ID="txtEmail" CssClass="txtSubscribe" runat="server" Text="YOUR EMAIL" onfocus="if(this.value=='YOUR EMAIL')this.value='';" onblur="if(this.value=='')this.value='YOUR EMAIL';"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="rfvEmailSub"  runat="server" ErrorMessage="*" 
                                                ControlToValidate="txtEmail" ValidationGroup="SubEmail" ></asp:RequiredFieldValidator>
                                            <asp:RegularExpressionValidator ID="revEmailSub" runat="server" 
                                                ErrorMessage="*" ControlToValidate="txtEmail" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
                                                ValidationGroup="SubEmail" ></asp:RegularExpressionValidator>
                                        </div>
                                        <div class="dSubSubmit">
                                            <asp:Button ID="btnSubscribe" CssClass="btnSubscribe" runat="server" ValidationGroup="SubEmail" Text="Subscribe" onclick="btnSubscribe_Click" />
                                        </div> 
                                    </asp:Panel> 
                                        <div class="dSubMSG"> 
                                        <asp:Label ID="lblMSG" runat="server" Text=""></asp:Label>
                                    </div>
                                                <div id="divImage" style="display:none" class="dSubAni">
                                                    <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/loader-sub.png" Visible="true"/>
                                                </div>

                            </ContentTemplate>
                            <Triggers>
                                <asp:AsyncPostBackTrigger ControlID="btnSubscribe" EventName="Click" />
                            </Triggers>
                        </asp:UpdatePanel>
                    <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="updSubscribe" >
                        <ProgressTemplate>

                        </ProgressTemplate>
                    </asp:UpdateProgress>


                           </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>