1

我有一个显示可编辑列表视图的“testMain.aspx”页面。此外，它还包含一个触发 jquery UI 模式对话框的按钮，该对话框动态加载“testModal.aspx”。此模式包含一个下拉列表，用户选择并单击一个按钮以提交回服务器。我希望模态提交（到 testModal.aspx）然后关闭，所以我正在查看 testMain.aspx。

我遇到的问题是在提交和关闭模式之后，任何点击（即编辑列表视图的链接按钮）现在提交到 modal.aspx 而不是 main.aspx。

注意：

  • testMain.aspx 使用母版页（其中包含一个表单元素）
  • 列表视图包含在 asp:updatepanel 中
  • 在我加载（.load（））模式之前，问题不会发生，在这样做之前，我的点击回发到 testMain.aspx（如预期的那样）

母版页.master

<%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head id="Head1" runat="server">
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <div id="page">
        <form id="form1" runat="server">
        <table summary="" class="pageTable">
            <tr>
                <td class="contentArea">
                    <asp:ContentPlaceHolder ID="ContentPage" runat="server">
                    </asp:ContentPlaceHolder>
                </td>
            </tr>
        </table>
        </form>
    </div>
</body>
</html>

测试主程序.aspx

<script type="text/javascript">
    $(document).ready(function () {
        var $dialog = $('#foo').dialog({
            autoOpen: false,
            modal: true
        });

        $("#foo").parent().appendTo($("form:first"));

        $('#fooBtn').click(function () {
            $dialog.load('testModal.aspx');
            $dialog.dialog('open');
            return false;
        });
    });
</script>

<ajax:UpdatePanel runat="server" ID="updPanelGrid" UpdateMode="Conditional" RenderMode="Inline"
    ChildrenAsTriggers="false">
    <ContentTemplate>
        <asp:ListView ID="ListView1" runat="server" EnableModelValidation="True"
         ...
        </asp:ListView>
    </ContentTemplate>
    <Triggers>
        <ajax:AsyncPostBackTrigger ControlID="listview1" EventName="ItemEditing" />
        <ajax:AsyncPostBackTrigger ControlID="listview1" EventName="ItemDeleting" />
        <ajax:AsyncPostBackTrigger ControlID="listview1" EventName="ItemCanceling" />
        <ajax:AsyncPostBackTrigger ControlID="listview1" EventName="ItemUpdating" />
        <ajax:AsyncPostBackTrigger ControlID="listview1" EventName="ItemInserting" />
    </Triggers>
</ajax:UpdatePanel>

测试模式.aspx

<form id="form1" runat="server">
<asp:ToolkitScriptManager ID="ToolkitScriptManager2" runat="server">
</asp:ToolkitScriptManager>
<div>
    <ajax:UpdatePanel ID="updPnl" runat="server">
        <ContentTemplate>
            <asp:LinkButton ID="btnModalSubmit" runat="server" Text="Modal Server Submit" />
            <div>
                The current time is:
                <%= Now.ToString%></div>
        </ContentTemplate>

    </ajax:UpdatePanel>
</div>
</form>

在我看来，通过在 jquery 对话框上调用 .load() ，它会对更新面板（即回发路径）造成严重破坏。如何在模态中加载整个 .net 页面，单击所述模态中的按钮，将其回传到服务器（异步），并允许我在模态关闭后继续在主页中工作？

这甚至可能吗？有没有更好的办法？

4

1 回答 1

0

You can have only one Form runat=server in a aspx file. Make you modal to load in an iframe and this should solve a problem. (Assuming it already does not load it like that)

于 2012-09-11T20:32:35.103 回答