javascript - 是否可以在 MVC 控制器返回中调用模式弹出窗口(javascript)
问题描述
我想知道是否可以在控制器的返回方法中调用 JavaScript 方法(将 Modal 显示为弹出窗口)。
string name = home.entityDetails.Name;
if (name == " " || name == null)
{
return PartialView("NotFound");
}
在哪里return PartialView("Not found");
调用,是否可以返回显示模态的 JavaScript 方法?
解决方案
处理这个问题的最好方法是在你的视图中使用 Bootstrap modals 和 javascript。
由于您使用的是局部视图,我假设您有另一个父视图,例如索引视图。您可以在父视图中使用 javascript 为您的模式附加 html,然后从父视图打开您的部分视图。这是一个相同的例子。
索引.cshtml
<div class="container">
<a href="@Url.Action("NotFound", "Name")" id="NotFound" class="btn btn-primary">
</div>
<div class="modal fade" id="NotFound-Model" tabindex="-1" role="dialog" aria- labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria- label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Add Holiday</h4>
</div>
<div class="divForNotFound">
</div>
</div>
</div>
</div>
JAVASCRIPT 处理 Bootstrap Modal
$(document).ready(function () {
$('#NotFound').click(function (event) {
event.preventDefault();
$.get(this.href, function (response) {
$('.divForNotFound').html(response);
});
$('#Add-NotFound').modal({
backdrop: 'static',
}, 'show');
});
}
假设你有一个局部视图 NotFound.cshtml
@model Name.NotFoundModel
using (Ajax.BeginForm("NotFound", "Name", new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "div-record", OnSuccess = "$('.close').click()" }))
{
<div class="modal-body">
<table class="table-bordered table-responsive table table-striped">
<tr class="col-lg-12">
<th class="label-primary">
@Html.Label("NotFoundLabel")
</th>
</tr>
</table>
</div>
}
希望有帮助!
推荐阅读
- android - Sunable 可以在 Playstore 上上传签名的 apk
- compare - 通过命令行比较 2 个 RPT 报告
- typescript - 从类型参数中获取类型的补码
- devexpress - DxDataGrid 自定义寻呼机
- python - SQLAlchemy 在对象持久化到数据库之前评估关系
- python - 如何在 BeautifulSoup 对象的标签中找到不在标签中的字符串模式
- python - 在 Pandas Python 中按两列对值进行排序
- react-native - 如何在 React Native 中编写以下形状?
- javascript - 将 figma 文件转换为图像格式
- pine-script - 复选框切换不匹配输入