[英]Asp.Net Insert using bootstrap Modal Popup
我正在嘗試在模態上創建插入 function。 當用戶單擊“添加”按鈕時,應該會在屏幕上彈出一個模式,並且會出現一個里面的表單。 當用戶單擊“保存”按鈕時,數據將被保存到數據庫中,但不知何故,我的 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">×</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>
提前致謝!
好的,我能夠解決問題,當我將代碼添加到模式時,設計的 ID 被替換,這就是發生沖突的地方。 我手動添加了每個,現在一切正常。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.