记录一次layui的启停用监听事件

这篇博客主要记录了如何使用layui实现启停用功能的监听事件。通过设置lay-filter值并传递相关状态和用户ID,当点击按钮时,触发后端controller、dao和服务层逻辑,更新数据库中相应状态,完成启停用操作。欢迎大家提出建议和反馈。
摘要由CSDN通过智能技术生成
1.前端代码
layui.use(['form', 'table','laypage'], function(){
        var table = layui.table;
        var form =layui.form;
        var laypage = layui.laypage;
        table.render({
            elem: '#tb'
            ,url:'personManage/userManage'
            ,toolbar: '#toolbarDemo' //开启头部工具栏,并为其绑定左侧模板
            , limit: 20
            , limits: [20, 40, 60]
            ,defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义,去除该参数即可
                title: '提示'
                ,layEvent: 'LAYTABLE_TIPS'
                ,icon: 'layui-icon-tips'
            }]
            ,title: '用户数据表'
            ,parseData:function (res) {
                console.log(res)
                console.log(res.total)
                return{
                    "code":res.code,
                    "msg": res.msg,
                    "count": res.total,
                    data: res.data
                }
            },count:'count'
            ,cols: [[
                {type: 'checkbox', fixed: 'left'},
                {field: 'id', title: '序号', width:'6%', fixed: 'left', align:'center',templet: function(res){
                        return '<div style="text-align: center">'+ res.LAY_INDEX+'</div>';
                    }}
                ,{field:'userid', title:'用户名', width:'10%',align:'center', fixed: 'left', /*unresize: true,*/ sort: true,templet: function(res){
                        console.log("数据表格内res:-------------->"+res.userid)
                        if(res.userid==null){
                            return "";
                        }else {
                            return '<div style="text-align: center">'+res.userid+'</div>'
                        }
                    }}
                ,{field:'username', title:'姓名',align:'center', width:'10%', edit: 'text',templet: function(res){
                        if(res.username==null){
                            return "";
                        }else {
                            return '<div style="text-align: center">'+res.username+'</div>'
                        }
                    }}
                ,{field:'userpwd', title:'密码',align:'center', width:'10%', edit: 'text',templet: function(res){
                        if(res.userpwd==null){
                            return "";
                        }else {
                            return '<div style="text-align: center">'+res.userpwd+'</div>'
                        }
                    }}
                ,{field:'sex', title:'性别',align:'center', width:'10%', edit: 'text',templet: function(res){
                        if(res.sex==null){
                            return "";
                        }else {
                            return '<div style="text-align: center">'+res.sex+'</div>'
                        }
                    }}
                ,{field:'userdept', title:'所在部门',align:'center', width:'10%', templet: function(res){
                        if(res.userdept==null){
                            return "";
                        }else{
                            return '<div style="text-align: center">'+res.userdept+'</div>'
                        }
                    }}
                ,{field:'userrole', title:'所属角色',align:'center', width:'10%', templet: function(res){
                        if(res.userrole==null){
                            return "";
                        }else{
                            return '
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值