如何在视图中使用模态框？

Question

我学会了用MVC建立我的第一个网上商店。当客户想要有关特定产品的详细信息时，我使用了控制器/操作方法和视图技术，其中我使用 asp-route-id 将产品 ID 传递给新视图。效果很好。

现在我想尝试一下。我有一些显示产品的 HTML，当您单击详细信息按钮或图标时，它会从同一个 html 页面调用模态。

我想看看我是否可以在 MVC 中实现它。我需要将选定的产品信息传递给模态框代码 （div）。 这能做到吗？我知道如何用 C# 为 MVC 编写基础知识，并且我知道少量的 Javascript。边走边学！有什么我可以在线阅读/学习的吗？

Note: 该案例整理于：How to use Modal in a view?

Answer 1

你好，

您可以使用 Bootstrap Modal。 您可以为您的项目命名一个按钮来实现您想要的功能。

这是代码示例：

<button type="button" data-toggle="modal" data-target="#ProductModal"> Product1 </button>
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
      ....
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        ....
      </div>
    </div>
  </div>
</div>

参考对应文档可以更好的帮助你理解它：Bootstrap Modal

---

如果答案是正确的解决方案，请单击“接受答案”并请投赞成票。如果您对此答案有其他疑问，请点击“评论”。

注意：如果您想接收此线程的相关电子邮件通知，请按照我们文档中的步骤启用电子邮件通知。

最好的问候