layui自定义defaultToolbar 新增按钮 隐藏列表操作栏浮动部分

layui自定义defaultToolbar 新增按钮 隐藏列表操作栏浮动部分

defaultToolbar: ['filter', 'exports', 'print',

{

title: '操作隐藏' //标题

,layEvent: 'operate' //事件名,用于 toolbar 事件中使用

,icon: 'layui-icon-triangle-d' //图标类名

}

],

监听

table.on('toolbar(currentTableId)', function (obj) {

if (obj.event === 'operate') {

$('.layui-table-fixed-r').slideToggle(1000);

$('.layui-inline .layui-icon-triangle-d').toggleClass('layui-before-x');

}

})

相关推荐
站在风口的猪11083 分钟前
《前端面试题:CSS的display属性》
前端·css·html·css3·html5
wandongle4 分钟前
HTML 面试题错题总结与解析
前端·面试·html
Code_Geo5 分钟前
前端打包工具简单介绍
前端·打包工具
断竿散人9 分钟前
专题一、HTML5基础教程-Meta标签网页元数据:网页的隐形指挥官
前端
MrSkye11 分钟前
🚀 由Tony Stark 带你入门 JavaScript(新手向)🚀
前端·javascript·面试
香蕉可乐荷包蛋13 分钟前
前端现行架构浅析
前端·架构
掘金安东尼13 分钟前
仅仅是发送一封邮件?暴露安全边界!
javascript·vue.js·面试
FogLetter14 分钟前
从Flex布局到Transition艺术:打造让用户尖叫的前端体验
前端·css