layui 删除确认
时间: 2023-10-11 11:03:18 浏览: 129
在使用Layui框架进行开发时,有时候需要进行删除操作,而这个操作往往是有风险的,因此需要进行删除确认。Layui提供了两种常用的删除确认方法,一种是使用Layer弹窗,另一种是使用Layui自带的删除方法。
使用Layer弹窗进行删除确认,可以通过绑定点击事件,在事件回调函数中弹出Layer弹窗,询问用户是否确认删除。代码示例如下:
```javascript
// 绑定删除按钮点击事件
$('#deleteBtn').on('click', function() {
// 弹出Layer弹窗
layer.confirm('确定要删除该数据吗?', {
title: '删除确认',
icon: 3,
btn: ['确定', '取消']
}, function(index) {
// 用户点击确定按钮后的回调函数
// 执行删除操作
// ...
// 关闭弹窗
layer.close(index);
});
});
```
另外一种方法是使用Layui自带的删除方法,具体步骤如下:
```javascript
// 绑定删除按钮点击事件
$('#deleteBtn').on('click', function() {
// 弹出删除确认框
layui.use('layer', function() {
var layer = layui.layer;
layer.confirm('确定要删除该数据吗?', {
title: '删除确认',
icon: 3,
btn: ['确定', '取消']
}, function(index) {
// 用户点击确定按钮后的回调函数
// 执行删除操作
// ...
// 关闭弹窗
layer.close(index);
});
});
});
```
以上就是使用Layui实现删除确认的两种常用方法,可以根据个人需求选择使用其中一种方法进行删除操作。
阅读全文