Question

我正在为我的网页中的更新面板使用updateprogress控件。我为updateprogress指定了一个条件，只有当它获得应该加载的相应回发元素时。只有当只有一个回发元素时，它才能正常工作。如何检查页面中的其他回发元素并启用updateprogress控件。我的代码为

<style type="text/css">
        .Background
        {
            position: fixed; left: 0; top: 0; z-index: 10; width: 100%;height: 100%;
            filter: alpha(opacity=40);
        }
    </style>
    <script type="text/JavaScript" language="JavaScript">    
        function pageLoad() {    
            var manager = Sys.WebForms.PageRequestManager.getInstance();    
            manager.add_endRequest(endRequest);    
            manager.add_beginRequest(OnBeginRequest);    
        }    
        function OnBeginRequest(sender, args) {    
            var postBackElement = args.get_postBackElement();    
            if (postBackElement.id == 'Button1') {    
                $get('UpdateProgress1').style.display = "block";    
            }
                $get('ParentDiv').className = 'Background';    
        }    
        function endRequest(sender, args) {    
            $get('ParentDiv').className = '';    
        }  </script>

我的aspx代码为

 <asp:ScriptManager ID="ScriptManager1" runat="server" />
         <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
        <div id="ParentDiv">
            <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
                <td height="403">
                    <iframe id="IFOEvent" name="InIframe" scrolling="auto" runat="server"
                        width="75%" height="203" class=""></iframe>
                </td>
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="Button1" />
            </Triggers>
        </asp:UpdatePanel>
        </div>
    <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
        <ProgressTemplate>
            <div id="IMGDIV" align="center">
                <img src="Images/loading.gif" alt="" /><br />          
                </div>
            </ProgressTemplate>
        </asp:UpdateProgress>

Answer 1

您有多种方法可以做到这一点。为什么不这样做，

将id的集合推送到数组
在回发期间检查元素是否在数组中
作为常规异步回发处理

代码

function pageLoad() { var manager = Sys.WebForms.PageRequestManager.getInstance(); manager.add_endRequest(endRequest); manager.add_beginRequest(OnBeginRequest); }

function OnBeginRequest(sender, args) { var map = ["Button1", "Button2", "Button3"]; var postBackElement = args.get_postBackElement(); if (map.indexOf(postBackElement.id) !== -1) { $get('UpdateProgress1').style.display = "block"; } $get('ParentDiv').className = 'Background'; }

Answer 2

设置变量并更改其值结束Request方法，例如

var temp = 0;

function endRequest（sender，args）{
if（temp == 0） {
$ get（'ParentDiv'）。className ='';
temp ++; } 其他 { temp = 0; } }

您也可以使用隐藏文件来设置值。

如何在updatepanel中检查和停止Updateprogress的多个回发

2 个答案:

代码