twitter-bootstrap - .NET 5 MVC @Url.Action 总是转到 IActionResult 索引
问题描述
当尝试使用 Bootstrap 5.1 打开模式(在部分视图的索引页面上)时,我总是被路由到Index
而不是Create
IActionResult
.
data-bs-url
for 按钮已正确生成,但结果我正在Index.cshtml
加载<div id="PlaceholderForModal"></div>
员工控制器
public async Task<IActionResult> Index()
{
return View();
}
[HttpGet]
public IActionResult Create()
{
Employees emp = new();
return PartialView("_CreatePartial", emp);
}
索引.cshtml
<button type="button" class="btn btn-primary" data-bs-toggle="ajax-modal" data-bs-target="#CreateEmployeeModal" data-bs-url="@Url.Action("Create", "Employees", null)">Register new employee</button>
<div id="PlaceHolderForModal"></div>
_CreatePartial.cshtml
@model Employees
<div class="modal fade" id="CreateEmployeeModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Add employee</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form action="Create">
<..some textboxes etc..>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" data-save="modal">Save</button>
</div>
</div>
</div>
</div>
网站.js
$(function () {
var PlaceHolderElement = $('#PlaceHolderForModal');
$('button[data-bs-toggle="ajax-modal"]').click(function (event) {
var url = $(this).data('url');
$.get(url).done(function (data) {
PlaceHolderElement.html(data);
PlaceHolderElement.find('.modal').modal('show');
})
})
PlaceHolderElement.on('click', '[data-save="modal"]', function (event) {
var form = $(this).parents('.modal').find('form');
var actionUrl = form.attr('action');
var sendData = form.serialize();
$.post(actionUrl, sendData).done(function (data) {
PlaceHolderElement.find('.modal').modal('.hide');
})
})
})
谢谢
解决方案
推荐阅读
- .net - FileTypesMan 的 C# .Net 编码
- google-analytics - 如何在 Google Analytics 中对产品变体进行分组?
- javascript - SlickJS 不工作仅查看 html
- sql - 使用 Rails 进行高级搜索 - Active Record SQl 查询的问题
- c - 我想用 C 中的数字替换字母
- dart - 为什么等待不等待
- python - 尝试连接外部 MySQL 数据库时卡在 connector.Connect
- ionic-framework - 错误 _.K {lat: ƒ, lng: ƒ} 或 latlong 的设置不是数字
- postgresql - 无法启动用 docker-compose 编写的 kong 服务
- react-native - 在 DrawerNavigation 中进行异步调用