layui监听工具栏的实例(操作列表按钮)


Posted in Javascript onSeptember 10, 2019

废话不多说,直接上代码吧!

<table id="demo" lay-filter="test"></table>
<script type="text/html" id="barDemo">
 <a class="layui-btn layui-btn-xs" lay-event="edit">查看详情</a>
</script>
layui.use('table', function() {
 var table = layui.table;
  //监听行工具事件
  table.on('tool(test)', function(obj) {
   var d = obj.data;
   console.log(d);//可以打印出当前行的信息
   if(obj.event === 'edit') {
   ...
   }
  });
});

以上这篇layui监听工具栏的实例(操作列表按钮)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS 文件传参及处理技巧分析
May 13 Javascript
JS(JQuery)操作Array的相关方法介绍
Feb 11 Javascript
JS执行删除前的判断代码
Feb 18 Javascript
Html5的placeholder属性(IE兼容)实现代码
Aug 30 Javascript
javascript随机抽取0-100之间不重复的10个数
Feb 25 Javascript
JS判断form内所有表单是否为空的简单实例
Sep 09 Javascript
js实现鼠标拖动功能
Mar 20 Javascript
SVG动画vivus.js库使用小结(实例代码)
Sep 14 Javascript
一步一步的了解webpack4的splitChunk插件(小结)
Sep 17 Javascript
详解vuex中action何时完成以及如何正确调用dispatch的思考
Jan 21 Javascript
前端面试知识点目录一览
Apr 15 Javascript
解决vue请求接口第一次成功,第二次失败问题
Sep 08 Javascript
es6中reduce的基本使用方法
Sep 10 #Javascript
layui导出所有数据的例子
Sep 10 #Javascript
解决layui-open关闭自身窗口的问题
Sep 10 #Javascript
layui下拉框获取下拉值(select)的例子
Sep 10 #Javascript
layer弹出层自定义提交取消按钮的例子
Sep 10 #Javascript
在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法
Sep 10 #Javascript
Node.js使用MongoDB的ObjectId作为查询条件的方法
Sep 10 #Javascript
You might like
Yii中的cookie的发送和读取
2016/07/27 PHP
zend框架实现支持sql server的操作方法
2016/12/08 PHP
laravel 获取当前url的别名方法
2019/10/11 PHP
jQuery移动和复制dom节点实用DOM操作案例
2012/12/17 Javascript
js导航栏单击事件背景变换示例代码
2014/01/13 Javascript
JavaScript数值数组排序示例分享
2014/05/27 Javascript
Bootstrap.css与layDate日期选择样式起冲突的解决办法
2017/04/07 Javascript
Vue中父组件向子组件通信的方法
2017/07/11 Javascript
详解vue前后台数据交互vue-resource文档
2017/07/19 Javascript
jquery实现限制textarea输入字数的方法
2017/09/06 jQuery
Vuex 进阶之模块化组织详解
2018/01/12 Javascript
如何获取TypeScript的声明文件.d.ts
2018/05/01 Javascript
在ES5与ES6环境下处理函数默认参数的实现方法
2018/05/13 Javascript
vue项目在安卓低版本机显示空白的原因分析(两种)
2018/09/04 Javascript
对vue中v-on绑定自定事件的实例讲解
2018/09/06 Javascript
layui 上传插件 带预览 非自动上传功能的实例(非常实用)
2019/09/23 Javascript
node事件循环和process模块实例分析
2020/02/14 Javascript
mpvue 项目初始化及实现授权登录的实现方法
2020/07/20 Javascript
vue 修改 data 数据问题并实时显示操作
2020/09/07 Javascript
Python中表达式x += y和x = x+y 的区别详解
2017/06/20 Python
Python实现翻转数组功能示例
2018/01/12 Python
Python下载网络文本数据到本地内存的四种实现方法示例
2018/02/05 Python
详解Python网络框架Django和Scrapy安装指南
2019/04/01 Python
Python 中Django安装和使用教程详解
2019/07/03 Python
Python enumerate内置库用法解析
2020/02/24 Python
video实现有声音自动播放的实现方法
2020/05/20 HTML / CSS
香港卓悦化妆品官网:BONJOUR
2017/09/21 全球购物
亚洲独特体验旅游专家:eOasia
2018/08/15 全球购物
网络编程中设计并发服务器,使用多进程与多线程,请问有什么区别?
2016/03/27 面试题
vue 中 get / delete 传递数组参数方法
2021/03/23 Vue.js
学生自我评价范文
2014/02/02 职场文书
《骆驼和羊》教学反思
2014/02/27 职场文书
教师党员个人剖析材料
2014/09/29 职场文书
司法工作人员群众路线对照检查材料思想汇报
2014/09/30 职场文书
施工安全保证书
2015/05/09 职场文书
mysql的MVCC多版本并发控制的实现
2021/04/14 MySQL