阅读量:0
在ASP.NET Web应用程序中，可以使用JavaScript和jQuery UI库来实现确认对话框。这里是一个简单的示例：
- 首先，确保在项目中引用了jQuery和jQuery UI库。在
_Layout.cshtml文件中添加以下代码：
<head> ... <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> </head> - 在需要显示确认对话框的按钮或链接上添加一个
onclick事件处理程序，如下所示：
- 创建一个JavaScript函数
showConfirmDialog()，用于显示确认对话框。在_Layout.cshtml或其他JavaScript文件中添加以下代码：
function showConfirmDialog() { $("#dialog-confirm").dialog({ resizable: false, height: "auto", width: 400, modal: true, buttons: { "确定": function () { $(this).dialog("close"); // 在这里执行确认操作，例如发送AJAX请求 }, "取消": function () { $(this).dialog("close"); } } }); } - 创建一个HTML元素，用于显示确认对话框的内容。将以下代码添加到视图文件中：
<div id="dialog-confirm" title="确认删除" style="display: none;"> <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>您确定要删除这条记录吗？</p> </div> 现在，当用户点击“删除”按钮时，将显示一个确认对话框。用户可以选择“确定”或“取消”，并根据需要执行相应的操作。
