C# Asp.NET Ajax ModalPopupXtender无法正常工作

嗨，我正在为我的网站准备一个循序渐进的机制。首先，ajax模式弹出窗口和更新面板的组合非常复杂，无法正常工作。。这是我的一些代码

<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="" />

其他代码与这些代码相同。当我点击我的第一个组件打开第一个模态弹出窗口时，它工作了。然后单击“下一步”，它会再次工作。但在那之后，当我再次单击“下一步”看到我的第三个模式弹出窗口时，每个弹出窗口都消失了，或者我随机单击“下一步”并显示按钮ModalPopus一起打开，一个在另一个之上…这太糟糕了

这些模态都不在更新面板中。正如您所看到的，只有面板有自己的更新面板。我也在使用

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

任何帮助都将不胜感激

---

谢谢。

几个小时后我就解决了

我忘了关闭面板内的body div，这就是它嵌套的原因。当我关闭我的身体潜水器时，一切都很好

<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">FINALLY</div>
                    <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>

模态-2
最后

我们在使用ajax弹出窗口时遇到了很多问题。您可能希望尝试我们在过去几个月左右一直使用的方法，而不出现任何问题。这种方法创建一个弹出窗口，而不需要ajax/jquery/javascript/css/update面板

这里：一个没有使用ajax、更新面板、jquery或javascript的模式弹出窗口。使用非常简单。

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

<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">FINALLY</div>
                    <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>