[英]Load partial view as modal on button click
因此,在单击按钮后,我尝试加载来自控制器的部分视图,其中包含引导模式。
我不确定问题出在哪里,但是当我第一次单击按钮时,添加了 DOM,但未显示模态。 第二次单击时,模态显示 <1s,然后我只得到灰色模态背景。
我的按钮
"<button class='btn btn-info edit-category' onclick='showModal()' data-category-id='" + full.id + "'>Edit</button>"
我的showModal
- 功能:
function showModal(){
$("#div1").load("/Category/EditCategory");
$("#createCategory").modal();
}
我的局部视图动作:
public ActionResult EditCategory()
{
return PartialView("Admin/_CategoryAdd", new CategoryDetailModel{Title = "Test"});
}
我的 PartialView“_CategoryAdd”的一部分:
@model CategoryDetailModel
<div class="modal" id="createCategory" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form asp-action="Create" asp-controller="Category"
data-ajax="true"
data-ajax-method="POST"
data-ajax-mode="replace"
data-ajax-failure="failed"
data-ajax-success="success">
有趣的是,当我不单击按钮并在浏览器控制台中输入两行时,它会按预期工作。 当我在控制台中执行该方法时,它与单击按钮相同。
我还想,也许这是一个时间问题,所以我添加了 5000 毫秒的setTimeout
但没有用。 有任何想法吗?
在@freedomn-m 的帮助下,我发现我可以在加载完成后添加一个函数:
$("#div1").load("/Category/EditCategory",
function(){$("#createCategory").modal('toggle');});
现在可以了
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.