在ASP.NET Core中,当你想要在删除记录之前显示一个确认消息,你可以使用JavaScript或者Razor视图中的模态框(Modal)来实现。以下是实现这一功能的基本步骤:
confirm()
函数来弹出一个简单的确认对话框。在你的Razor视图中,为删除按钮添加一个onclick
事件,调用JavaScript的confirm()
函数。
<button onclick="return confirm('确定要删除这条记录吗?');">删除</button>
当用户点击删除按钮时,会弹出一个确认对话框,用户可以选择“确定”或“取消”。如果用户选择“取消”,则不会执行删除操作。
<!-- Modal -->
<div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="confirmModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="confirmModalLabel">确认删除</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
确定要删除这条记录吗?
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-danger" id="confirmDelete">删除</button>
</div>
</div>
</div>
</div>
<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#confirmModal">删除</button>
<script>
document.getElementById('confirmDelete').addEventListener('click', function () {
// 执行删除操作的代码
// ...
// 关闭模态框
$('#confirmModal').modal('hide');
});
</script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
通过以上步骤,你可以在ASP.NET Core中实现删除记录前的确认消息显示。
领取专属 10元无门槛券
手把手带您无忧上云