摘要：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
<div style="height:40px;margin:10px;">
<span class="bg green" style="width:100px;height: 40px;background:#009688;text-align: center;line-height: 40px;float:left;margin-left:30px;color:#fff;font-size:16px;">管理员列表</span>
<button class="layui-btn layui-btn-sm" style="float:right;" onclick="add()">添加</button>
<div style="height:40px;border-bottom:3px solid #009688;"></div>
<table class="layui-table" id="demo" lay-filter="demo">
<thead>
<tr>
<th lay-data="{field:'name', width:80}">姓名</th>
<th lay-data="{field:'career', width:80}">职业</th>
<th lay-data="{field:'birth', width:80}">年龄</th>
<th lay-data="{field:'works', width:80}">代表作</th>
<th lay-data="{fixed:'right', width:150, align:'center', toolbar: '#barDemo'}">操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>张国荣</td>
<td>歌手 演员</td>
<td>1956</td>
<td>霸王别姬</td>
<td><button class="layui-btn layui-btn-xs" lay-event="edit">编辑</button>
<button class="layui-btn layui-btn-danger layui-btn-xs" onclick="del()">删除</button></td>
</tr>
<tr>
<td>黄家驹</td>
<td>Beyond主唱</td>
<td>1962</td>
<td>光辉岁月</td>
<td><button class="layui-btn layui-btn-xs" >编辑</button>
<button class="layui-btn layui-btn-danger layui-btn-xs" >删除</button></td>
</tr>
</tbody>
</table>
</div>
<script src="layui/layui.js"></script>
<script>
layui.use('layer', function(){
var layer = layui.layer;
$=layui.jquery;
})
function del(){
layer.confirm('真的删除行么', {
icon:2,
btn:['确定','取消']
}, function(index, layero){
layer.close(index)
//按钮【按钮一】的回调 ？？怎么写？？
}, function(index){
//按钮【按钮二】的回调
});
}
function add(){
layer.open({
type: 2,
title:'添加管理员',
area:['480px','420px'],
content: 'add.html'
});
}
</script>
<!-- <script type="text/html" id="barDemo">
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script> -->
<!-- <script src="layui/layui.js"></script>
<script>
layui.use('table', function(){
var table = layui.table;
//监听工具条
table.on('tool(demo)', function(obj){
var data = obj.data;
if(obj.event === 'del'){
layer.confirm('真的删除行么', function(index){
obj.del();
layer.close(index);
});
} else if(obj.event === 'edit'){
layer.alert('编辑行：<br>'+ JSON.stringify(data))
}
});
});
</script> -->
</body>
</html>
只能关闭弹窗，怎么写才能删除当前行数据呢？
批改老师：天蓬老师批改时间：2019-02-14 16:11:44
老师总结：不能仅仅靠这几个视频和作业, 还要看一下官网上的示例demo
