Ctrl+D

收藏勾昵下

全站素材可商用

关闭
当前位置: 主页 > 新闻中心 >

layui数据表格删除、编辑和查看

时间:2021-05-22 22:42来源:https://blog.csdn.net/weixin_4 作者:admin 点击:
https://blog.csdn.net/weixin_41606652/article/details/84262729
广告位API接口通信错误,查看德得广告获取帮助
刚好需要用到后台,发现layui比较轻松,给刚开始写的留点思路,少踩点坑
 
 
好了,直接上代码
 
 table.on('tool(users)', function(obj){ //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的值"
      var data = obj.data; //获得当前行数据
      var layEvent = obj.event; //获得 lay-event 对应的值(也可以是表头的 event 参数对应的值)
      var tr = obj.tr; //获得当前行 tr 的DOM对象
 
      if(layEvent === 'detail'){ //查看
        //do somehing
            layer.alert('序号:'+ data.userId+'<br>id:'+data.jobNo+'<br>编号:'+data.userName+'<br>密码:'+data.pwd+'<br>权限:'+data.class);
 
        } else if(layEvent === 'del'){ //删除
            layer.confirm('真的删除ID为:'+data.userId+"的用户吗?", function(index){
            
                //console.log(data.p_id);
                //向服务端发送删除指令
                    $.ajax({
                        url:'../php/users.del.php',
                        type:'get',
                        data:{'id':data.userId},//向服务端发送删除的id
                        success:function(suc){
                            if(suc==200){
                                obj.del(); //删除对应行(tr)的DOM结构,并更新缓存
                                layer.close(index);
                                console.log(index);
                                layer.msg("删除成功",{icon:1});
                            }
                            else{
                                layer.msg("删除失败",{icon:5});
                            }
                        }
                    });
                    layer.close(index); 
                     });
              
      } else if(layEvent === 'edit'){ //编辑
        console.log(data);
layer.open({
                            type: 1,
                            area: ['500px', '700px'],
                            title: "更改信息",
                            fixed: false, //不固定
                            maxmin: true,
                            maxmin: false,
                            shadeClose:false,
                            content: $('#usersedit')
                          });
                          //表单值
                          form.val("usereditform",{
                            "userid":data.userId,
                            "userno":data.jobNo,
                            "username":data.userName,
                            "userpwd":data.pwd,
                            "userclass":data.class
                         });
                        
 
        //     //同步更新缓存对应的值
        //     layer.confirm('要修改ID为:'+data.userId+"的用户吗?", function(index){
        //         console.log(data.inexType);
        //         var useredit={
        //             "userId":data.userId,
        //             "jobNo":data.jobNo,
        //             "userName":data.userName,
        //             "pwd":data.pwd,
        //             "class":data.class
        //         };
        //         $.ajax({
        //         url:'../php/users.edit.php',
        //         type:'post',
        //         data:useredit,
        //                         //dataType:'json',
        //                         success:function(sess){
        //                     if(sess==200){
        //                         layer.msg("编辑成功",{icon:1});
        //                     }
        //                     else{
        //                         layer.msg("编辑失败",{icon:5});
        //                     }
        //                 },
        //                         error:function (xhr,status,error) {
        //                             console.log(xhr);
        //                             console.log(status);
        //                             console.log(error);
        //                         }
        //    });
        //     });
       
        }
    });
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
目前就是这么了,不会的请留言,大神请指教…
————————————————
版权声明:本文为CSDN博主「白白很白」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_41606652/article/details/84262729
(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
发布者资料
admin 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2017-10-13 19:10 最后登录:2021-05-25 12:05
广告位API接口通信错误,查看德得广告获取帮助
收藏成功!

欢迎你留下对我们网站的宝贵建议

0/200

请留下您的QQ

改天再写