2017-04-26 72 views
0

我的頁面正在加載一個獨立的aspx頁面,用於用戶輸入到ModalPopupExtender中包含的UpdatePanel內的iframe中。這工作正常,但是當我嘗試使用GetPostBackEventReference註冊btnOK asp:按鈕時,我可以在ModalPopupExtender從用戶按下OK按鈕(在iframe內)關閉後進行適當的回調,出於某種原因,我不是能夠重新打開iframe(例如,如果用戶想要做另一種相同類型的輸入,即在這種情況下輸入多個活動)。發生的問題是出現ModalPopupExtender陰影,但iframe從未在其中完全加載。ModalPopupExtender不會在第二次調用時重載updatepanel中的iframe

如果我使用__doPostBack('<%=btnOK .ClientID%>','OnClick');而不是GetPostBackEventReference,我可以做第二個調用,但是我的C#事件處理函數不會觸發按鈕......而只是我只得到一個PostBack。我猜是因爲我得到一個完整的PostBack,一些重置頁面,一切都從頭開始。

任何想法如何解決這個問題?

給我一點點背景,我試圖做:頁面應該向用戶展示內容,同時將其他頁面加載到iframe和ModalPopupExtender中,以保持頁面更小,並將輸出與輸出分開。考慮到這一點,我需要能夠控制流量並在必要時進行適當的回叫。

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %> 
<asp:Content ID="Content1" ContentPlaceHolderID="head_Obudget" runat="server"> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.CssClass_btnNewActivity').click(function() { 
      $('#frameInsertActivity').attr('src', 'InputForms/InsertActivity.aspx'); 
     }); 
    }); 
    function InsertActivity_Done() { 
     <%= Page.ClientScript.GetPostBackEventReference(btnOK, String.Empty) %>; 
    } 
</script> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder_Obudget" runat="server"> 
<asp:UpdatePanel ID="upNewActivity" runat="server" UpdateMode="Conditional"> 
    <Triggers> 
     <asp:PostBackTrigger ControlID="btnOK" /> 
    </Triggers> 
    <ContentTemplate> 
     <ajaxToolkit:ModalPopupExtender 
      BackgroundCssClass="ModalPopupBG" 
      ID="mpeNewActivity" 
      runat="server" 
      PopupControlID="divNewActivity" 
      TargetControlID="btnNewActivity" 
      OkControlID="btnOK" 
      CancelControlID="btnCancel" 
      DropShadow="true"> 
     </ajaxToolkit:ModalPopupExtender> 
     <asp:button id="btnNewActivity" runat="server" CssClass="CssClass_btnNewActivity" text="New Activity" /> 
     <div id="divNewActivity"> 
      <iframe id="frameInsertActivity" width="500" height="100" frameBorder="0"> 
      </iframe> 
     </div> 
     <div class="popup_Buttons"style="display: none;"> 
      <asp:Button ID="btnOK" runat="server" OnClick="btnOK_Click" OnClientClick="InsertActivity_Done();" CssClass="CSS_Class_btnOK" /> 
      <input id="btnCancel" type="button" value="Cancel" /> 
     </div> 
    </ContentTemplate> 
</asp:UpdatePanel> 
</asp:Content> 

代碼的iframe:含ModalPopupExtender

代碼

<asp:Content ID="Content1" ContentPlaceHolderID="head_Empty" runat="server"> 
<style type="text/css"> 
    body{background:white;} 
</style> 
<script type="text/javascript"> 
    function okay() { 
     $(window.parent.document).find('.CSS_Class_btnOK').click(); 
    } 
    function cancel() { 
     window.parent.document.getElementById('btnCancel').click(); 
    } 
</script> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder_Empty" runat="server"> 
<table> 
    <tr> 
     <th colspan="2"> 
      New Activity: 
     </th> 
    </tr> 
    <tr> 
     <td> 
      Name: <asp:TextBox ID="tbNewActivityName" runat="server" Width="200"></asp:TextBox> 
      <asp:RequiredFieldValidator ID="rfvNewActivityName" runat="server" ControlToValidate="tbNewActivityName" ValidationGroup="VG_NewActivity" ErrorMessage="*" Display="Dynamic"></asp:RequiredFieldValidator> 
     </td> 
     <td> 
      <div class="popup_Buttons"> 
       <asp:Button ID="btnInsertNewActivity" runat="server" Text="Add" OnClick="btnInsertNewActivity_Click" ValidationGroup="VG_NewActivity" /> 
       <input id="btnCancel" onclick="cancel();" type="button" value="Cancel" /> 
      </div> 
     </td> 
    </tr> 
</table> 
</asp:Content> 

回答

0

我意識到這個問題是:在打開的ModalPopupExtender的按鈕,也單擊事件執行的jQuery連接iframe的'src'屬性。

我需要使用委派的事件處理程序來處理來自後代元素的事件,讓我從iframe的第一次執行

已經返回後,再次找到此按鈕...代碼現在看起來和工作原理如下:

$(document).on('click', '.CssClass_btnNewActivity', function() { 
      $('#frameInsertActivity').attr('src', 'InputForms/InsertActivity.aspx'); 
     }); 

......與此相反,沒有工作:

$('.CssClass_btnNewActivity').click(function() { 
     $('#frameInsertActivity').attr('src', 'InputForms/InsertActivity.aspx'); 
    }); 

...我總是忘了這個=]

相關問題