2016-10-14 14 views
2

私はUpdateProgressコントロールを含むWebページを持っています。次のコードを実行すると、プログレスバーが表示され、決して消えません。ASP Update進行状況コントロールが戻ってこない、進行状況バーが表示され続ける

protected void lnkBtnName_Click(object sender, EventArgs e) 
    { 

     int index = ((GridViewRow)((LinkButton)sender).Parent.Parent).RowIndex; 
     hdnGvSelectedIndex.Value = index.ToString(); 
     SetPageContent(); 
    } 
    private void SetPageContent() 
    { 
     try 
     { 
      ResetControls(); 
      if (gv.Rows.Count > 0) 
      { 
       index = Convert.ToInt32(hdnGvSelectedIndex.Value); 
       id = Convert.ToInt64(gv.DataKeys[index].Values[0].ToString()); 
       hdnID.Value = id.ToString(); 

       if (gv.Rows.Count > 0) 
        gv.SelectedIndex = index; 

      } 
      var _obj = _manager.GetByID(id).FirstOrDefault(); 
      if (_obj != null) 
      { 
       txtName.Text = _obj.Name; 
       txtDisplayName.Text = _obj.DisplayName; 
      } 
     } 
     catch (Exception ex) 
     { 
      // Error processing 
     } 
    } 

Webページ...

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
<div style="text-align: center;"> 
    <asp:UpdateProgress ID="updateProgress" runat="server"> 
     <ProgressTemplate> 
      <div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;"> 
       <asp:Image ID="imgUpdateProgress" runat="server" ImageUrl="Content/img/loader.gif" AlternateText="Loading ..." ToolTip="Loading ..." Style="padding: 10px; position: fixed; top: 45%; left: 50%;" /> 
      </div> 
     </ProgressTemplate> 
    </asp:UpdateProgress> 
</div> 

<asp:UpdatePanel ID="updpnlContentDetail" runat="server" UpdateMode="Conditional"> 
    <ContentTemplate> 
     <asp:HiddenField runat="server" ID="hdnEnvironmentType" /> 
     <asp:HiddenField runat="server" ID="hdnID" /> 
     <asp:HiddenField runat="server" ID="hdnGvSelectedIndex" Value="0" /> 
     <asp:HiddenField runat="server" ID="hdnButtonPermission" Value="0" /> 
     <asp:HiddenField runat="server" ID="hdnSelectedTab" Value="0" /> 
     <asp:HiddenField runat="server" ID="hdnButtonStatus" Value="Active" /> 
     <div class="row"> 
      <div class="col-md-3"> 
        <h5>Manage Detail</h5> 
        <div class="filterWrapper relative" id="dvLeftcontentdetail"> 
        <div class="clearfix whiteBg"> 
         <div class="pull-left"> 
          <label>Bucket Type</label> 
         </div> 
         <div class="pull-right"> 
          <span class="addBtn">Add 
           <asp:Button ID="lnkbtnAdd" runat="server" OnClick="lnkbtnAdd_Click" CssClass="btn btn-add pull-right"></asp:Button> 
          </span> 

         </div> 
        </div> 
        <div class="input-group clearfix col-sm-12"> 
         <asp:TextBox CssClass="form-control height26" ID="txtSearchName" runat="server"></asp:TextBox> 
         <span class="input-group-btn"> 
          <asp:Button ID="btnSearch" runat="server" OnClick="btnSearch_Click" CssClass="btn btn-black glyphicons filter btn-icon white input-group-btnbtnmargin"></asp:Button> 
          <i></i> 
         </span> 
        </div> 
        <div id="divgv"> 
         <div id="" class="gridview2 relative" style="height: 424px;"> 
          <asp:GridView CssClass="gridview" ID="gv" runat="server" DataKeyNames="ID" PageSize="13" OnPageIndexChanging="gv_PageIndexChanging" ShowHeader="False" 
           AutoGenerateColumns="false" AllowPaging="true"> 
          <Columns> 
           <asp:TemplateField> 
            <ItemTemplate> 
             <asp:Label ID="lblID" runat="server" Visible="false" Text='<%#Eval("ID") %>' /> 
             <asp:LinkButton ID="lnkBtnShowContentDetail" runat="server" Text='<%#Eval("Name") %>' CommandName="Select" OnClick="lnkBtnName_Click" /> 
            </ItemTemplate> 
           </asp:TemplateField> 
          </Columns> 
          <PagerStyle CssClass="gridview-pager"></PagerStyle> 
          <SelectedRowStyle CssClass="gvSelectedRow" /> 
         </asp:GridView> 
          <div id="content"></div> 
          <div class="filterResults relative btnGroup"> 
           <div class="btn-groupSpecial"> 
            <asp:Button ID="lnkbtnActive" runat="server" Text="Active" OnClick="lnkbtnActive_Click" OnClientClick="return ConfirmMessage(4); " CssClass="results-control col-xs-4 active"></asp:Button> 
            <asp:Button ID="lnkbtnInActive" runat="server" Text="InActive" OnClick="lnkbtnInActive_Click" OnClientClick="return ConfirmMessage(5);" CssClass="results-control col-xs-4"></asp:Button> 
            <asp:Button ID="lnkbtnAll" runat="server" Text="All" OnClick="lnkbtnAll_Click" CssClass="results-control col-xs-4" OnClientClick="return ConfirmMessage(6);"></asp:Button> 
           </div> 
          </div> 
         </div> 
        </div> 
       </div> 

      </div> 
      <div class="col-sm-9"> 
      <h5>Details</h5> 
      <div id="dvRightContent" class="row clearfix relative btnGroup btnGroup3" style="height: 492px;"> 
       <div class="tabControls"> 
          <ul class="nav nav-tabs"> 
          <li class="col-xsm-100 nav-tabs-content active"><span class="linkDisabledsp">&nbsp;</span><a data-toggle="tab" href="#manageDetailTab" onclick="SetSelectedTab('contentTab')">Bucket Details</a></li> 
         </ul> 
       <div class="row"> 
         <div class="col-md-12"> 
          <div class="col-md-4"> 
           <label for="iconName">Name</label> 
           <asp:TextBox CssClass="form-control" ID="txtName" MaxLength="250" runat="server"></asp:TextBox> 
          </div> 
         </div> 
        </div> 
        <div class="row"> 
         <div class="col-md-12"> 
          <div class="col-md-4"> 
           <label for="iconName">Display Name</label> 
           <asp:TextBox CssClass="form-control" ID="txtDisplayName" MaxLength="250" runat="server"></asp:TextBox> 
          </div> 
         </div> 
        </div> 
       <div class="row"> 
         <div class="col-md-12"> 

         </div> 
        </div> 
       <div class="col-md-12 btnGroup2 row navbar-fixed-bottom"> 
        <div class="btn-groupSpecial clearfix"> 
           <asp:Button ID="lnkbtnSave" OnClientClick="return FormValidation();" runat="server" Text="Save" OnClick="lnkbtnSave_Click" CssClass="results-control col-xsm-32"></asp:Button> 
           <asp:Button ID="lnkbtnCancel" runat="server" OnClientClick=" return ConfirmMessage(2);" Text="Cancel" OnClick="lnkbtnCancel_Click" CssClass="results-control col-xsm-32"></asp:Button> 
           <asp:Button ID="lnkbtnDelete" runat="server" OnClientClick="return ConfirmMessage(3);" Text="Delete" OnClick="lnkbtnDelete_Click" CssClass="results-control col-xsm-32"></asp:Button> 

          </div> 
        </div> 
       </div> 
      </div> 
     </div> 

     <div id="AlertBox" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> 
      <div class="modal-dialog"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button> 
         <h4 class="modal-title">Alert</h4> 
        </div> 
        <div class="modal-body"> 
         <p id="alertMessage" runat="server"></p> 
        </div> 
        <div class="modal-footer"> 
         <button type="button" class="btn" id="btnOK" data-dismiss="modal">OK</button> 
        </div> 
       </div> 
      </div> 
     </div> 


     <!-- Modal Dialog --> 
     <div id="ConfirmBox" class="modal fade" role="dialog" aria-labelledby="confirmDeleteLabel" aria-hidden="true"> 
      <div class="modal-dialog"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button> 
         <h4 class="modal-title">Confirm?</h4> 
        </div> 
        <div class="modal-body"> 
         <p id="ConfirmBoxMessage"></p> 
        </div> 
        <div class="modal-footer"> 
         <asp:Button ID="btnConfirmedSave" CssClass="btn btn-danger" runat="server" Text="OK" UseSubmitBehavior="false" data-dismiss="modal" OnClick="lnkbtnSave_Click" Style="display: none;"></asp:Button> 
         <asp:Button ID="btnConfirmedCancel" CssClass="btn btn-danger" runat="server" Text="OK" UseSubmitBehavior="false" data-dismiss="modal" OnClick="lnkbtnCancel_Click" Style="display: none;"></asp:Button> 
         <asp:Button ID="btnConfirmedDelete" CssClass="btn btn-danger" runat="server" Text="OK" UseSubmitBehavior="false" data-dismiss="modal" OnClick="lnkbtnDelete_Click" Style="display: none;"></asp:Button> 
        </div> 
       </div> 
      </div> 
     </div> 
    </ContentTemplate> 
</asp:UpdatePanel> 

なぜUpdateProgressコントロールが戻っていないですか?

おかげ

+0

ゲイリー、多分あなたに私達にいくつかの情報をもっと与える必要があります。 コードをコピーして、さまざまな方法を試しましたが、コードは常に機能します。 シナリオをシミュレートできるように、プロジェクト参照、マスタページを転記できますか? –

答えて

0

は進行制御のAssociatedUpdatePanelIDプロパティを設定してください。

0

UpdateProgressコントロールは、関連するUpdatePanelコントロールが 非同期ポストバックが発生したかどうかに応じて を表示または非表示さ<div>要素をレンダリングします。

だから、非同期ポストバックに

を引き起こした関連UpdatePanelIDは、次のように更新の進捗状況を変更しようとすることを欠落されています

<div style="text-align: center;"> 
    <asp:UpdateProgress ID="updateProgress" AssociatedUpdatePanelID ="updpnlContentDetail" runat="server"> 
     <ProgressTemplate> 
      <div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;"> 
       <asp:Image ID="imgUpdateProgress" runat="server" ImageUrl="Content/img/loader.gif" AlternateText="Loading ..." ToolTip="Loading ..." Style="padding: 10px; position: fixed; top: 45%; left: 50%;" /> 
      </div> 
     </ProgressTemplate> 
    </asp:UpdateProgress> 
</div> 

アップデートの進行状況の詳細については、このSource

を参照してください。
関連する問題