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');

}

})

相关推荐
GISer_Jing5 分钟前
React中useState()钩子和函数式组件底层渲染流程详解
前端·react.js·前端框架
私人珍藏库1 小时前
Google Chrome-便携增强版[解压即用]
前端·chrome
我的青春不太冷2 小时前
【实战篇章】深入探讨:服务器如何响应前端请求及后端如何查看前端提交的数据
运维·服务器·前端·学习
Anlici3 小时前
2025前端高频面试题--CSS篇
前端·css
追光少年33223 小时前
Learning Vue 读书笔记 Chapter 4
前端·javascript·vue.js
软件2053 小时前
【Vite + Vue + Ts 项目三个 tsconfig 文件】
前端·javascript·vue.js
老大白菜3 小时前
在 Ubuntu 中使用 FastAPI 创建一个简单的 Web 应用程序
前端·ubuntu·fastapi
渔阳节度使4 小时前
React
前端·react.js·前端框架
武昌库里写JAVA5 小时前
redis原理之数据结构
spring boot·spring·毕业设计·layui·课程设计
LCG元6 小时前
Vue.js组件开发-如何实现异步组件
前端·javascript·vue.js