asp.net mvc弹出框

要在 ASP.NET MVC 中显示弹出框，可以使用 JavaScript 库或插件。以下是一些可供选择的示例：

1.使用 jQuery UI 对话框：

在 View 中引用 jQuery UI 库和样式文件：

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

然后在 JavaScript 文件中添加以下代码：

$(function() {
    $( "#dialog" ).dialog({
        autoOpen: false,
        modal: true
    });
 
    $( "#opener" ).click(function() {
        $( "#dialog" ).dialog( "open" );
    });
});

在 HTML 中添加一个按钮，当点击时打开对话框：

<button id="opener">Show Dialog</button>
<div id="dialog" title="Dialog Title">
    <p>Dialog content goes here.</p>
</div>

2.使用 Bootstrap 模态框：

在 View 中引用 Bootstrap 库和样式文件：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

然后在 HTML 中添加以下代码：

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">Open Modal</button>

<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Title</h4>
      </div>
      <div class="modal-body">
        <p>Modal content goes here.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

当按钮被点击时，模态框会弹出显示。