引导模态不在ASP中呈现.NET的主要形式

本文关键字：NET 模态 ASP | 更新日期: 2023-09-27 18:04:02

我正在尝试从使用Bootstrap模式的c#代码文件中提取用户输入的值，这是在ASPX页面中。

我发现Bootstrap不允许两个表单在一个页面(阻塞另一个表单的值)，我们都知道，我们有一个主表单在母版页，所以我不能使用另一个表单的模态，我的模态是渲染主表单之外。

我使用以下代码在父窗体内呈现我的模态:

function showDialog(id) {               
    $('#paiddialog').on('show.bs.modal', function (e) {
        $(this).parent().appendTo("form");
    });
    $('#' + id).modal("show");
}

这是modal的HTML:

<div id="paiddialog" class="modal fade" role="dialog" style="display: none;" aria-hidden="true">
    <asp:UpdatePanel ID="panels" runat="server">
        <ContentTemplate>
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Update payment Information 
                        </h4>
                    </div>
                    <div class="modal-body">
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="col-sm-4 control-label" for="form-field-1">
                                            Select Assignment ID
                                        </label>
                                        <div class="col-sm-6">
                                            <asp:DropDownList ID="ddlassignmentid" runat="server" DataTextField="iassignmentidref" AppendDataBoundItems="true" DataValueField="iassignmentid" DataSourceID="sdassignmentid" CssClass="form-control">
                                                <asp:ListItem Text="Select" Value=""></asp:ListItem>
                                            </asp:DropDownList>
                                            <asp:LinkButton ID="btnbindassigdetails" runat="server" OnClick="btnbindassigdetails_Click" CssClass="btn btn-info">Pull info</asp:LinkButton>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>
                    <div class="modal-footer">
                        <asp:LinkButton ID="btnupdate" OnClick="btnupdate_Click" runat="server" CssClass="btn btn-success large">Request Payment </asp:LinkButton>
                        <button aria-hidden="true" data-dismiss="modal" class="btn btn-default">
                            Close
                        </button>
                    </div>
                </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
</div>

呈现的HTML是这样的

<html>
    <head></head>
    <body>
        <form id="mainform" action="page.aspx">
            <div class="pagecontent"></div>
        </form>
        <div class="model fade"></div>
</html>

引导模态不在ASP中呈现.NET的主要形式

允许使用另一个表单标签。

</form><form action="blah.aspx" id="blah">

这将在那里得到一个尾随表单供您使用。不推荐使用，但可以绕过。net

的1个表单标签限制。

对于任何新的读者，我设法通过添加下面的脚本来解决这个问题

$(this).parent().appendTo("form");
相关文章：