layui数据表格选中行高亮显示,并传递被选中行的数据

layui数据表格选中行高亮显示,并传递被选中行的数据

直接上改代码

//定义一个全局的变量

var tmpobj=null;

//定义一个全局要传递的id，方便取值

var  uuid= '  ' ;

    //监听行单击事件
    table.on('row(jf_company_applylst)', function(obj){
        $(".active-tr").removeClass("active-tr");
        obj.tr.addClass("active-tr");
        //定义单击行改变行的背景颜色
        if (tmpobj!=null){
            tmpobj.tr[0].style='background-color: #ffffff;';
            if (tmpobj.tr[1]){
                tmpobj.tr[1].style='background-color: #ffffff;';
            }
        }
    
        tmpobj=obj;
        obj.tr[0].style='background-color: #b8e2f3;';
        if (obj.tr[1]){
            obj.tr[1].style='background-color: #b8e2f3;';
        }
        //获得当前行数据
        var rowData = obj.data;
        uuid=rowData.uuid;
    });

看效果