精华内容
下载资源
问答
  • layui删除确认,提示创
    万次阅读
    2021-08-16 13:32:55
      
                    layer.confirm('真的要删除该数据吗?', function (index) {
                      //具体逻辑
                    })
    
    更多相关内容
  • 今天小编就为大家分享一篇layui table 多行删除(id获取)的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 一:监听复选框事件 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 弹出删除确认界面的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 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:47
    function 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:13
    function 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点击数据表格添加或删除一行的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 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...
  • button class="layui-btn layui-btn-danger" id = "datadel"><i class="layui-icon"></i>批量删除</button> </span> js // 批量删除时间 $('#datadel').click(function() { var ...
  • 今天小编就为大家分享一篇layui table表格数据的新增,修改,删除,查询,双击获取行数据方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • Layui表格行添加编辑删除操作和保存数据代码,基于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叠加问题的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • //批量物理删除 table.on('toolbar(test-table-page)', function (obj) { if (obj.event === 'batchDeleteEditView') { //获得表格CheckBox已经选中的行的信息 let checkStatus = table.checkStatus('test-table...
  • 今天小编就为大家分享一篇layui使用label标签的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 今天小编就为大家分享一篇解决layui追加或者动态修改的表单元素“没效果”的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui实现多选或批量数据表格 行数据
  • 先上效果图: 前端数据表格: <%-- 数据表格 --%> <table class=layui-table lay-data={ lay-filter=test> <thead>
  • 主要为大家详细介绍了layui实现数据表格table分页功能、异步加载,表格渲染,含条件查询,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 今天小编就为大家分享一篇Layui 数据表格批量删除和多条件搜索的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui实现删除数据的方法:首先获得当前行数据以及“lay-event”对应的值;然后获取点击的应用位置;接着循环数组的数据,并定义一个bool;最后通过“obj.del();”删除对应行的DOM结构,并更新缓存即可。layui——...
  • //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> ...
  • 初始化table: ... layui.config({ base: '${ctx}/static/treeTable/module/', /* 修改为你module文件夹地址*/ }).extend({ treetable: 'treetable-lay/treetable' }).use(['table', 'treetable'], func.
  • layui数据表格删除

    千次阅读 2021-05-08 14:30:24
    layui数据表格提供了obj.del()方法来删除行,但是这样删除之后,重新刷新表格之后,刚才删除的行又会重新显示,这是因为有缓存的问题,所以在删除行之后,还需要删除缓存,然后再使用删除后得到的数据去重新加载表格...
  • 基于flask + layui + sqlite的个人博客系统(前台+后台) 一、主要特点 支持markdown 支持短笔记 响应式布局,移动终端显示友好 部署迁移便捷 二、开发环境 Web框架:python flask 前端框架:layui 数据库:sqlite ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 10,930
精华内容 4,372
关键字:

layui删除