使用Bootstrap Modal Popup

我正在尝试在模式上创建插入函数。当用户单击“添加”按钮时,应该在屏幕上弹出一个模态,并且其中会出现一个表单。当用户单击“保存”按钮时,数据将保存到数据库中,但是以某种方式,将我的asp实体放置在模态中不会被读取。当我尝试从模式中删除所有内容时,我的代码有效。即使是后面的代码也无法在设计页面中检测到我的所有实体。

启动模态的按钮

    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#AddUser">Add User</button>

我的模态

   <div class="modal fade" id="AddUser" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Add User account</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                        <div class="form-horizontal">
                        <hr />
                        <asp:ValidationSummary runat="server" CssClass="text-danger" />
                            <div class="form-group">
                            <asp:Label runat="server" AssociatedControlID="username" CssClass="col-md-2 control-label">username</asp:Label>
                                <div class="col-md-10">
                                    <asp:TextBox runat="server" ID="TextBox1" CssClass="form-control"/>
                                    <asp:RequiredFieldValidator runat="server" ControlToValidate="username" CssClass="text-danger" ErrorMessage="The field is required." />
                                </div>
                            </div>

                            <div class="form-group">
                                    <asp:Label runat="server" AssociatedControlID="Fullname" CssClass="col-md-2 control-label">Fullname</asp:Label>
                                <div class="col-md-10">
                                    <asp:TextBox runat="server" ID="TextBox2" CssClass="form-control"/>
                                    <asp:RequiredFieldValidator runat="server" ControlToValidate="Fullname" CssClass="text-danger" ErrorMessage="The field is required." />
                                </div>
                            </div>


                            <div class="form-group">
                                    <asp:Label runat="server" AssociatedControlID="RoleID" CssClass="col-md-2 control-label">Role</asp:Label>
                                <div class="col-md-3">
                                    <asp:DropDownList runat="server" ID="DropDownList1" CssClass="form-control" DataSourceID="SqlDataSource2" DataTextField="Name" DataValueField="Id" ></asp:DropDownList>
                                    <asp:SqlDataSource ID="SqlDataSource4" runat="server" ConnectionString="<%$ ConnectionStrings:SLSU_TransactionConnectionString %>" SelectCommand="SELECT [Id],[Name] FROM [AspNetRoles]"></asp:SqlDataSource>
                                    <asp:RequiredFieldValidator runat="server" ControlToValidate="Department" InitialValue="0" ErrorMessage="The field is required." CssClass="text-danger" />
                                </div>
                            </div>

                            <div class="form-group">
                                    <asp:Label runat="server" AssociatedControlID="Department" CssClass="col-md-2 control-label">Department</asp:Label>
                                <div class="col-md-3">
                                    <asp:DropDownList runat="server" ID="DropDownList2" CssClass="form-control" DataSourceID="SqlDataSource1" DataTextField="Office" DataValueField="Id" ></asp:DropDownList>
                                    <asp:SqlDataSource ID="SqlDataSource5" runat="server" ConnectionString="<%$ ConnectionStrings:SLSU_TransactionConnectionString %>" SelectCommand="SELECT [Id],[Office] FROM [Tbl_Office]"></asp:SqlDataSource>
                                    <asp:RequiredFieldValidator runat="server" ControlToValidate="Department" InitialValue="0" ErrorMessage="The field is required." CssClass="text-danger" />
                                </div>
                            </div>

                                <div class="hidden">
                                    <asp:TextBox runat="server" ID="TextBox3" Text="True" Visible="false"></asp:TextBox>
                                </div>

                            <div class="form-group">
                                    <asp:Label runat="server" AssociatedControlID="Password" CssClass="col-md-2 control-label">Password</asp:Label>
                                <div class="col-md-10">
                                    <asp:TextBox runat="server" ID="TextBox4" TextMode="Password" CssClass="form-control" />
                                    <asp:RequiredFieldValidator runat="server" ControlToValidate="Password" CssClass="text-danger" ErrorMessage="The password field is required." />
                                </div>
                            </div>

                           <div class="form-group">
                                    <asp:Label runat="server" AssociatedControlID="ConfirmPassword" CssClass="col-md-2 control-label">Confirm password</asp:Label>
                                <div class="col-md-10">
                                    <asp:TextBox runat="server" ID="TextBox5" TextMode="Password" CssClass="form-control" />
                                    <asp:RequiredFieldValidator runat="server" ControlToValidate="ConfirmPassword" CssClass="text-danger" Display="Dynamic" ErrorMessage="The confirm password field is required." />
                                    <asp:CompareValidator runat="server" ControlToCompare="Password" ControlToValidate="ConfirmPassword" CssClass="text-danger" Display="Dynamic" ErrorMessage="The password and confirmation password do not match." />
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-md-offset-2 col-md-10">
                                    <asp:Button runat="server" OnClick="CreateUser_Click" Text="Add User" CssClass="btn btn-default" />
                                </div>
                            </div>
                        </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
            </div>
        </div>
    </div>

谢谢!

Hearbirds 回答:使用Bootstrap Modal Popup

好的,我能够解决问题,当我将代码添加到模式时,设计的ID被替换了,这就是发生冲突的地方。我手动添加了每个文件,现在一切正常。

本文链接:https://www.f2er.com/3112629.html

大家都在问