Asp.NET Ajax ModalPopupExtender nicht richtig funktioniert

Hallo ich bin versucht, zu bereiten Schritt für Schritt mechanisim für meine website. Zunächst ajax modal popup und update-panel-Kombination ist so Komplex, kann es nicht funktionieren.. Hier ist einige meiner code.

<asp:Button ID="fakeButton" runat="server" Style="display: none;" Text="" />
<asp:Button ID="fakeButton2" runat="server" Style="display: none;" Text="" />
<asp:Button ID="fakeButton3" runat="server" Style="display: none;" Text="" />

Dies ist einer der modal windows:

 <ajax:ModalPopupExtender ID="mpeOrder2" runat="server" PopupControlID="pnlOrder2" TargetControlID="fakeButton3"
        BackgroundCssClass="modalBackground">
    </ajax:ModalPopupExtender>
    <asp:Panel ID="pnlOrder2" runat="server" CssClass="modalPopup" Style="display: none">
        <asp:UpdatePanel style="text-align: right" ID="updatePanel6" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="True">
            <ContentTemplate>
                <div class="header">Modal - 2</div>
                <div class="body">
                    <div class="footer" align="right">
                        <table>
                            <tr>
                                <td>
                                    <asp:Button ID="btnToStepOne" runat="server" OnClick="btnToStepOne_OnClick" Text="Back" CssClass="orderNo" />
                                </td>
                                <td>
                                    <asp:Button ID="btnToStepThree" OnClick="btnToStepThree_OnClick" runat="server" Text="Next" CssClass="yes" />
                                </td>
                            </tr>
                        </table>
                    </div>
            </ContentTemplate>
        </asp:UpdatePanel>
    </asp:Panel>

CodeBehind:

protected void btnToStepOne_OnClick(object sender, EventArgs e)
{
    mpeOrder2.Hide();
    mpeOrder.Show();
}

 protected void btnToStepThree_OnClick(object sender, EventArgs e)
{
    mpeOrder2.Hide();
    mpeOrder3.Show();
}

Und die anderen sind die gleichen von diesen codes. Wenn ich auf meine erste Komponente zu öffnen, die erste modale popup, es funktioniert. Dann habe ich auf weiter klicken, funktioniert es wieder. Aber nach, wenn ich wieder auf next klicken, um zu sehen, meine Dritte modal popup jedes popup verschwunden ist, oder ich Sie zufällig die nächste und anzeigen Tasten modalpopups öffnen Sie alle zusammen und der eine über den anderen...Das ist krank..

Keiner diese modals sind in einer update-panel. Wie Sie sehen können, nur die Platten haben Ihre eigenen update-panels. Auch im mit

<ajax:ToolkitScriptManager EnableScriptLocalization="true" EnablePartialRendering="true" EnableScriptGlobalization="true"
            ID="ToolkitScriptManager1" AsyncPostBackTimeout="36000" runat="server" />

Jede mögliche Hilfe würde geschätzt.

Dank.

Schreibe einen Kommentar