ASP.NET core MVC,如何使用控制器调用多个模态框中指定的模态框
时间: 2024-03-12 22:43:00 浏览: 123
ASP.NET Core中的Controller使用示例
在ASP.NET Core MVC中,您可以使用JavaScript和jQuery来从控制器中调用指定的模态框。以下是示例代码:
1. 首先,您需要为每个模态框添加唯一的ID。例如:
```
<div class="modal" id="modal1">
...
</div>
<div class="modal" id="modal2">
...
</div>
```
2. 接下来,您需要在控制器中添加一个操作方法以返回特定模态框的HTML代码。例如:
```
public IActionResult GetModal1()
{
return PartialView("_Modal1");
}
public IActionResult GetModal2()
{
return PartialView("_Modal2");
}
```
其中,"_Modal1"和"_Modal2"是存储模态框HTML代码的局部视图名称。
3. 在视图中,您可以使用以下代码来呈现模态框:
```
<button class="btn btn-primary" onclick="openModal('modal1')">Open Modal 1</button>
<button class="btn btn-primary" onclick="openModal('modal2')">Open Modal 2</button>
<div id="modalContainer"></div>
<script>
function openModal(modalId) {
$.ajax({
type: "GET",
url: "/ControllerName/Get" + modalId,
success: function (data) {
$("#modalContainer").html(data);
$("#" + modalId).modal("show");
}
});
}
</script>
```
其中,"openModal"函数将通过AJAX调用控制器操作方法,并将返回的HTML代码添加到名为"modalContainer"的DIV元素中。然后,它将使用jQuery显示特定的模态框。
请注意,在"openModal"函数中,"ControllerName"应该是您的控制器名称。
通过这种方式,您可以从控制器中调用多个模态框,并在视图中呈现它们。
阅读全文