我的頁面正在加載一個獨立的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>