-
2021-08-16 13:32:55
layer.confirm('真的要删除该数据吗?', function (index) { //具体逻辑 })
更多相关内容 -
layui table 多行删除(id获取)的方法
2020-10-16 10:20:08今天小编就为大家分享一篇layui table 多行删除(id获取)的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
LayUI表格批量删除方法
2020-12-12 19:59:38一:监听复选框事件 var checkedArr=[]; table.on('checkbox(demo)', function(obj){ if (obj.type=='all') return; if (obj.checked){ checkedArr.push(obj.data.LAY_TABLE_INDEX);... //checkedArr[obj.data.id] = ... -
layui 弹出删除确认界面的实例
2020-10-16 10:55:18今天小编就为大家分享一篇layui 弹出删除确认界面的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
tp layui删除 批量删除
2021-06-10 10:27:19使用layui页面 先是前端 <table class="layui-hide" id="test" lay-filter="test"></table> <script type="text/html" id="toolbarDemo"> <div class="layui-btn-container"> <button ...使用layui页面
先是前端<table class="layui-hide" id="test" lay-filter="test"></table> <script type="text/html" id="toolbarDemo"> <div class="layui-btn-container"> <button class="layui-btn layui-btn-sm" lay-event="getCheckData">获取选中行数据</button> <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button> <button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button> <button class="layui-btn layui-btn-sm" lay-event="delAll">批量删除</button> </div> </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>
处理:不需要全部引用
var table = layui.table; table.render({ elem: '#test' ,url:'http://www.week3.com/index.php/demo/date/index' ,toolbar: '#toolbarDemo' //开启头部工具栏,并为其绑定左侧模板 ,defaultToolbar: [] ,title: '用户数据表' ,cols: [[ {type: 'checkbox', fixed: 'left'} ,{field:'id', title:'ID', width:80, fixed: 'left', unresize: true, sort: true} ,{field:'goods_name', title:'商品名称', width:120, edit: 'text'} ,{field:'goods_price', title:'价格', width:80} ,{field:'goods_sort', title:'排序', width:100} ,{field:'goods_image', title:'图片'} ,{field:'goods_class', title:'分类', width:80} ,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:150} ]] ,page: true , limit: 10 //每页显示条数(默认) , limits: [1, 3, 5, 7]//生命每天显示条数 , id: "tableId" //容器id 绑定唯一id }); active={ reload:function () { var demoReload = $("#demoReload"); table.reload('tableId',{ page:{ curr:1 }, where:{ search:demoReload.val() } }); } }
批量删除处理:
$(".demoTable .layui-btn").on('click',function () { var type = $(this).data('type'); active[type] ? active[type].call(this) : ''; }) //头工具栏事件 table.on('toolbar(test)', function(obj){ var checkStatus = table.checkStatus(obj.config.id); switch(obj.event){ case 'getCheckData': var data = checkStatus.data; layer.alert(JSON.stringify(data)); break; case 'getCheckLength': var data = checkStatus.data; layer.msg('选中了:'+ data.length + ' 个'); break; case 'isAll': layer.msg(checkStatus.isAll ? '全选': '未全选'); break; case 'delAll': var data = checkStatus.data; var ids = []; $.each(data, function (i, v) { ids.push(v.id); }) $.ajax({ url: "http://www.self.com/show_del", type:"delete", data: { id: ids.toString() }, success: function (res) { console.log(res); if (res.code == 200) { table.reload('testReload'); } }, error: function (error) { alert('批量删除错误'); return false; } }); break; //自定义头工具栏右侧图标 - 提示 case 'LAYTABLE_TIPS': layer.alert('这是工具栏右侧自定义的一个图标按钮'); break; }; });
然后是普通删除:
table.on('tool(test)', function(obj){ var data = obj.data; //console.log(obj) if(obj.event === 'del'){ layer.confirm('真的删除行么', function(index){ obj.del(); layer.close(index); $.ajax({ url: "http://www.week3.com/index.php/demo/demo/del", data: { id: data.id }, success: function (res) { console.log(res); if (res.code == 200) { //重载表格 table.reload('tableId'); } }, error: function (error) { alert(error); return false; } }); }); } else if(obj.event === 'edit'){ layer.prompt({ formType: 2 ,value: data.email }, function(value, index){ obj.update({ email: value }); layer.close(index); }); } });
普通删除的控制器:
public function del(){ $id = input('id'); $res = Goods::destroy($id); if ($res){ return json(['code'=>200,'message'=>'成功删除','data'=>$id]); }else{ return json(['code'=>500,'message'=>'删除失败','data'=>0]); } }
批量删除控制器:
如果传过来是数组直接用普通方法就行public function delAll(){ $id = input(); $add=[]; foreach ($id as $v){ $add =$v; } if (empty($add)){ return json(['code'=>500,'msg'=>'未选择','data'=>'']); } $res = Goods::destroy($id) if (!$res){ return json(['code'=>500,'msg'=>'删除失败','data']); } return json(['code'=>200,'msg'=>'删除成功','data'=>$add]); }
模型基本上都能直接忽略 当然也可以加上
关于删除暂时那么多 -
layui删除功能
2019-11-22 17:07:47function delStaffOne(v_Id) { ... content: '确认删除?', btnAlign: 'c', title: '提示', btn: ['确定', '取消'], yes: function(index, layero) { var JsonData = { Type: 'D', v_Id: v_Id,...function delStaffOne(v_Id) { layer.open({ content: '确认删除?', btnAlign: 'c', title: '提示', btn: ['确定', '取消'], yes: function(index, layero) { var JsonData = { Type: 'D', v_Id: v_Id, } JsonData = JSON.stringify(JsonData) $.ajax({ url: curl + 'DataDictionaryDetail', type: 'POST', //GET async: false, //或false,是否异步 data: { JsonData: JsonData }, dataType: 'json', //返回的数据格式:json/xml/html/script/jsonp/text success: function(data) { if (data['code'] == 200) { window.location.reload(); } else { layer.alert('删除失败:' + data['msg']); } }, error: function(data) { layer.alert('系统登录超时或遇到意外错误,请重新登录,或联系系统管理员!'); }, }) }
根据传递ID删除对应数据,如果成功则刷新页面
-
layui删除提示
2019-06-10 16:50:13function Del(id) { layer.confirm("确认要删除吗,删除后不能恢复", { title: "删除确认" }, function (index) { $.ajax({ type: "POST", url: "del", data: {...function Del(id) { layer.confirm("确认要删除吗,删除后不能恢复", { title: "删除确认" }, function (index) { $.ajax({ type: "POST", url: "del", data: {'id': id}, success: function (obj) { if (obj.code == 1) { layer.msg(obj.msg, {time: 1500}, function () { window.location.reload(); }); } else { layer.msg(obj.msg, {time: 1500, anim: 6}); } } }); }) }
-
layui点击数据表格添加或删除一行的例子
2020-10-16 09:52:31今天小编就为大家分享一篇layui点击数据表格添加或删除一行的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
layui删除弹窗
2019-08-16 23:20:08执行删除操作时,设置一个简单的弹出...button type="button" class="layui-btn layui-btn-danger" data-id='${rl.id}' data-type="test2">删除</button> <script> $(function () { // 监听删除点... -
layui 删除、批量删除 ajax接口
2019-10-17 17:13:00//删除 $(document).on('click','[data-role="deletetestt"]',function(){ tlid = $(this).attr('data-tlid'); let para = { tlid:tlid } removetest(para).then((res) => { if(res.code == 1){ layer... -
thinkphp 和 layui 删除示例
2020-08-26 18:40:51button class="layui-btn layui-btn-danger" id = "datadel"><i class="layui-icon"></i>批量删除</button> </span> js // 批量删除时间 $('#datadel').click(function() { var ... -
layui table表格数据的新增,修改,删除,查询,双击获取行数据方式
2020-10-15 23:37:06今天小编就为大家分享一篇layui table表格数据的新增,修改,删除,查询,双击获取行数据方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
Layui表格行添加编辑删除操作和保存数据代码
2020-06-11 17:19:17Layui表格行添加编辑删除操作和保存数据代码,基于layui table添加一行并实现在编辑行记录后保存数据的方法,可用于对表格数据快速维护,展示修改功能,灵活自如。 -
layui批量删除
2021-06-19 00:20:37首先前端页面 前端代码: function doDel(obj) { layer.confirm('确定要删除选中数据吗?', { skin: 'layui-layer-admin', shade: .1 }, function (i) { layer.close(i); var loadIndex = layer.load(2); -
layui之select的option叠加问题的解决方法
2020-08-27 21:44:56下面小编就为大家分享一篇layui之select的option叠加问题的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
layui批量删除(物理删除)
2021-10-22 14:59:37//批量物理删除 table.on('toolbar(test-table-page)', function (obj) { if (obj.event === 'batchDeleteEditView') { //获得表格CheckBox已经选中的行的信息 let checkStatus = table.checkStatus('test-table... -
layui使用label标签的方法
2020-10-16 10:04:15今天小编就为大家分享一篇layui使用label标签的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
解决layui追加或者动态修改的表单元素“没效果”的问题
2020-10-16 09:29:21今天小编就为大家分享一篇解决layui追加或者动态修改的表单元素“没效果”的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
layui实现多选或批量删除数据表格 行数据.rtf
2020-07-11 10:34:16layui实现多选或批量数据表格 行数据 -
Layui数据表格 前后端json数据接收的方法
2020-12-30 00:46:00先上效果图: 前端数据表格: <%-- 数据表格 --%> <table class=layui-table lay-data={ lay-filter=test> <thead> -
layui实现数据表格table分页功能(ajax异步)
2020-10-16 15:49:22主要为大家详细介绍了layui实现数据表格table分页功能、异步加载,表格渲染,含条件查询,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 -
Layui 数据表格批量删除和多条件搜索的实例
2020-10-16 11:31:59今天小编就为大家分享一篇Layui 数据表格批量删除和多条件搜索的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
layui怎么实现删除数据
2021-04-24 11:47:04layui实现删除数据的方法:首先获得当前行数据以及“lay-event”对应的值;然后获取点击的应用位置;接着循环数组的数据,并定义一个bool;最后通过“obj.del();”删除对应行的DOM结构,并更新缓存即可。layui——... -
layui批量删除多条数据
2021-11-29 17:56:50//HTML前台 <script type="text/html" id="toolbarDemo"> <div class="layui-btn-container"> <a class="layui-btn layui-btn-normal layui-btn-sm" lay-event="batchdel">批量删除</a> </div> ... -
LayUi-Tree-Table 删除行刷新
2021-12-29 19:57:53初始化table: ... layui.config({ base: '${ctx}/static/treeTable/module/', /* 修改为你module文件夹地址*/ }).extend({ treetable: 'treetable-lay/treetable' }).use(['table', 'treetable'], func. -
layui数据表格删除行
2021-05-08 14:30:24layui数据表格提供了obj.del()方法来删除行,但是这样删除之后,重新刷新表格之后,刚才删除的行又会重新显示,这是因为有缓存的问题,所以在删除行之后,还需要删除缓存,然后再使用删除后得到的数据去重新加载表格... -
flask-blog:基于flask + layui + sqlite的个人博客系统(前台+后台),友好支持markdown书写
2021-04-12 15:14:08基于flask + layui + sqlite的个人博客系统(前台+后台) 一、主要特点 支持markdown 支持短笔记 响应式布局,移动终端显示友好 部署迁移便捷 二、开发环境 Web框架:python flask 前端框架:layui 数据库:sqlite ...