razor-pages 相关问题

我获取联系人并显示与我的 asp.net core 项目中每个联系人关联的所有地址。下面是视图 @模型IEnumerable 我获取联系人并显示与我的 asp.net core 项目中每个联系人关联的所有地址。下面是视图@model IEnumerable<ContactModel> <table class="table table-stripped table-bordered text-center"> <thead> <tr> <th>no</th> <th>address</th> <th>confirm address</th> </tr> </thead> <tbody> @{ int id = 0; foreach (var contact in Model) { id = id + 1; <tr> <td>@id</td> <td>@contact.Address</td> <td> <form method="post" asp-action="EditContacts"> <input type="hidden" value="@contact.Id" name="id" /> <input type="checkbox" class="h4 form-check-input single-checkbox" name="isValid" value="true" /> </form> </td> </tr> } } </tbody> </table> @section Scripts { <script> $(document).ready(function() { $('.single-checkbox').change(function() { $('.single-checkbox').not(this).prop('checked', false); if ($('.single-checkbox:checked').length > 0) { $('#submitButton').show(); } else { $('#submitButton').hide(); } }); }); </script> } 下面是view对应的action[HttpPost] public async Task<IActionResult> EditContacts(int id, bool? isValid) { var dbContact = await _db.ContactModels.FindAsync(id); var contactsWithInvalidAddress = await _db.ContactModels.Where(c=> c.PostalCode == dbContact.PostalCode && c.Id != id).ToListAsync(); if(isValid == true) { dbContact.IsValid = true; foreach(var contact in contactsWithInvalidAddress) { contact.IsValid = false; } } await _db.SaveChangesAsync(); return View(); } 问题是，如果我在表单中添加提交按钮，它会为一个联系人的每一行地址生成一个新的按钮，而我只需要在表单末尾有一个提交按钮。我尝试更改razor页面中form标签的位置，但这一次遇到了绑定问题；这意味着即使我单击地址的第二行，它也会返回第一行的 id！我认为你需要重组你的表单以包含整个表格，通过这种方式，您可以为整个表单设置一个提交按钮，而不是为每一行设置一个单独的表单。然而，管理多个复选框并确保在选中复选框时仅提交相关的 id 和 isValid 值可能会很棘手。下面的 Razor 视图和控制器操作来处理这种情况首先调整您的视图以将整个表格包含在单个表单中，并使用隐藏输入来管理正在提交的联系人的“isValid”状态。您可以使用 JS 根据选中的复选框来更新这些隐藏的输入 @model IEnumerable<ContactModel> <form method="post" asp-action="EditContacts"> <table class="table table-stripped table-bordered text-center"> <thead> <tr> <th>no</th> <th>address</th> <th>confirm address</th> </tr> </thead> <tbody> @{ int id = 0; foreach (var contact in Model) { id++; <tr> <td>@id</td> <td>@contact.Address</td> <td> <input type="checkbox" class="h4 form-check-input single-checkbox" name="SelectedContactId" value="@contact.Id" /> </td> </tr> } } </tbody> </table> <button type="submit" id="submitButton" style="display:none;">Submit</button> </form> 然后调整你的 Js 以处理基于复选框操作的提交按钮的显示和隐藏。由于您现在只有一个表单，因此确保一次只能选择一个复选框的 JavaScript 逻辑保持不变。 @section Scripts { <script> $(document).ready(function() { $('.single-checkbox').change(function() { $('.single-checkbox').not(this).prop('checked', false); $('#submitButton').toggle($('.single-checkbox:checked').length > 0); }); }); </script> } 最后，您可以调整控制器操作以接受可能为空的SelectedContactId。此 ID 将代表其 isValid 状态正在更新的所选联系人。 [HttpPost] public async Task<IActionResult> EditContacts(int? SelectedContactId) { if (SelectedContactId.HasValue) { var dbContact = await _db.ContactModels.FindAsync(SelectedContactId.Value); if (dbContact != null) { var contactsWithInvalidAddress = await _db.ContactModels.Where(c => c.PostalCode == dbContact.PostalCode && c.Id != SelectedContactId.Value).ToListAsync(); dbContact.IsValid = true; foreach (var contact in contactsWithInvalidAddress) { contact.IsValid = false; } await _db.SaveChangesAsync(); } } // Redirect to a relevant view or action after processing return RedirectToAction("YourViewName"); }

c# asp.net-core razor-pages

回答 1 投票 0

向表单添加动态列表元素和客户端验证

我想将类类型 Food 的元素添加到表单中。当用户单击某个按钮时，应显示包含两个元素的行：一个下拉列表来选择食物类型

asp.net-core asp.net-core-mvc razor-pages unobtrusive-validation

回答 1 投票 0

获取选定结果的值未定义

我有一个带有选项和ID的选择。通过一个函数，我试图获取 onClick 函数上此选择的值。在函数中，我警告数据，但它要么未定义，要么为空。我的选择： <

javascript html jquery razor-pages

回答 1 投票 0

c# RazorPage - 尝试通过模态弹出窗口添加记录时出现 NullReferenceException

我对 C# razorpages 比较陌生。我使用实体框架创建了一个示例项目，并使用 ScaffoldedItems 功能生成了我的页面。我想要的不是一个创建页面，而是一个