layui table 操作栏按钮过多省略号隐藏的按钮弹出的tip点击没有效果解决办法

小黑雷

于 2018-10-19 17:17:22 发布

阅读量7.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端文章标签： u

本文链接：https://blog.youkuaiyun.com/u010757785/article/details/83185326

前端专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一个使用layui框架进行表格操作的实例，包括行点击事件、编辑功能及多种工具栏操作，如删除、编辑、查看子级等。通过监听表格事件，实现对数据的动态管理和交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

范例如下

<table id="LAY-app-content-nav" lay-filter="LAY-app-content-nav"></table>

 table.on('row(LAY-app-content-nav)', function(obj){
            var data = obj.data;
           /* layer.alert(JSON.stringify(data), {
                title: '当前行数据：'
            });*/
            $(document).on("click","#edit",function(){
                console.log("111111");
                edit(data);
            });
        });
function edit(data){
            console.log(data);
//这里写操做改行数据的方法了
}

layui.table.on('tool(LAY-app-content-nav)', function(obj){ var data = obj.data;
            if(obj.event === 'del'){
            } else if(obj.event === 'edit'){
                 edit(data);
            }else if(obj.event === 'subordinate'){
            } else if(obj.event === 'contentModel'){
            } else if(obj.event === 'css'){
            }else if(obj.event === 'js'){
            }
 });