layui单个页面多表格table.on事件绑定失效的解决办法

已于 2024-05-19 21:06:27 修改
阅读量7.6k 收藏 6
点赞数 3
文章标签： LayUI layui table
于 2020-07-11 21:58:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44527248/article/details/107291375
版权

好
补充：table.on(‘tool(table_all)’,function(obj){}) table_all对应table标签上的 lay-filter

感觉灵魂被收割
关注
  • 3
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
layui table.on()事件只能存在一个
qq_37273784的博客
12-21 1万+
layui  table.on()事件一个table只能存在一个，然后再判断。存在多个无效 <!--#include virtual ="include/header.html"--> <body> <!-- 任务管理列表 --> <div class="layui-fluid larry-wrapper"> <section cl
layui的一些记录
qq_43924690的博客
12-03 546
layui的一些记录前言一、$(' ').on()二、table.on()layer.open({})三、table.render({}) 前言 一、$(’ ').on() 绑定点击事件，根据class筛选 如：html <span class="layui-btn" data-type="update"><i class="layui-icon">&#xe624;</i>刷新数据</span> js： layui.use('table',fun
layui Table花式绑定事件
yyd6976的博客
02-04 1362
layui有常用的 行工具栏 事件与 头工具栏事件。用法有很多...... 场景：根据返回值不同绑定不同的操作 再使用layui 提供的行工具栏（添加 lay-event属性绑定）事件 /*takeEffectTable 表格中 */ table.on('tool(takeEffectTable)',function (obj) { console.log(obj.data);...
LayUI数据表格的使用指南
最新发布
2301_82242204的博客
04-09 1790
学习视频：《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！**因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
Layui快速入门之第九节 表格事件的使用
qq_61313896的博客
09-14 4266
Layui快速入门之第九节 表格事件的使用
layui 表格 编辑无用 按钮点击没有反应
qq_42877655的博客
01-19 2275
我的问题是没有 lay-filter=“test” <table class="layui-hide" id="test" lay-filter="test"></table> 这两个是相关联的 table.on(‘tool(test)’ 》》》》》》》》》 lay-filter=“test” layui.use('table', function(){ var table = layui.table;
关于layui table 点击控件获取行值（table.on）问题
m0_63163813的博客
07-13 1422
使用layui时用table.on给toolbar绑定事件无效 不触发_Traveler∝゛过客的博客-CSDN博客_table.on('toolbar
关于layui中table.on以及操作按钮的使用以及Uncaught ReferenceError: table is not defined错误解决办法
热门推荐
chirp_CQ的博客
06-10 1万+
关于layui中table.on以及操作按钮的使用以及Uncaught ReferenceError: table is not defined错误解决办法
LayUI⑴：表格的常用操作
dawn0718的专栏
03-01 2063
　　这几天使用LayUI + PHP + MS SQL Server写一个小程序，开发工具使用的是HBuilder，就是把先前使用Powerbuilder完成的C/S程序转换成Web程序。 　　第一次完整地写，有一点不习惯这样的开发方式，不过好在基本上都找到了解决办法，这里记录和更新开发过程中使用到的一些资料，方便后面的查找使用。 　　LayUI停止了更新，后面写程序可能使用LayUI就不多了，它还是有很多有点，使用它对付一些中小型程序还是挺好的。 1、LayUI初始化 //-----------
layui中table监听单元格_关于LayUI中表格行数据监听记录
weixin_34928063的博客
02-06 1877
关于LayUI中表格行数据监听记录table.on("控件"(“表格的绑定名字”))对于表格中自定义按钮监听toolbar配置table.on(“控件”(“表格的绑定名字”))这里控件就是row，点击表格对应行，获取对应数据table.on('row(useruv)', function (obj) {//注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应...
layui单元格可编辑、layui单元格插入select、
qq_41944038的博客
10-08 6623
记录下最近工作中遇到一些容易忘记的知识点 想要layui的表格可编辑，只需要在col中加入edit即可： tableIns = table.render({ elem: '#buildInputTable', data: arr, page: false, limit: Number.MAX_VALUE, height: 300, id: 'buildInputT
vue中用 video.js 实现单个页面内多视频播放.zip
02-19
vue中用 video.js 实现单个页面内多视频播放 1、index_v01.vue 实现单页面内多视频播放，如效果图； 2、index_v02.vue 实现单页面内多视频播放，可视区域内的视频播放，不在可视区域内的暂停。 以防止在视频量大的...
jQuery简单绑定单个事件的方法示例
10-19
主要介绍了jQuery简单绑定单个事件的方法,结合具体实例形式分析了jQuery使用bind方法进行事件绑定与事件响应的相关操作技巧,需要的朋友可以参考下
ON_COMMAND_RANGE多个按钮响应一个函数的解决方法
09-04
在标题和描述中提到的“ON_COMMAND_RANGE多个按钮响应一个函数的解决方法”是指如何让多个按钮控件共享同一个事件处理函数。 首先，我们需要理解`ON_COMMAND_RANGE`的工作原理。这个宏接受三个参数：`id1`、`id2`和...
vue+elementui实现点击table中的单元格触发事件--弹框
10-15
主要介绍了vue+elementui实现点击table中的单元格触发事件--弹框，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui表格内使用edit属性修改行内容
m0_69439101的博客
04-20 4566
回调函数返回一个object参数。
table 数据表格文档 - layui.table
qq_45809464的博客
03-01 738
在 layui 2.0 的版本中全新推出，是 layui 最核心的组成之一。它用于对表格进行一些列功能和动态化数据操作，涵盖了日常业务所涉及的几乎全部需求。支持固定表头、固定行、固定列左/列右，支持拖拽改变列宽度，支持排序，支持多级表头，支持单元格的自定义模板，支持对表格重载（比如搜索、条件筛选等），支持复选框，支持分页，支持单元格编辑等等一些列功能. table.html <!DOCTYPE html> <html> <head> <meta char
使用LayUI操作数据表格
weixin_30878361的博客
10-02 474
接着上一篇继续完善我们的demo,这次我们加一个搜索按钮 搜索 在table标签的上方，加入这样一组html <div class="demoTable"> 搜索商户： <div class="layui-inline"> <input class="layui-input" name="keyword"...
layui学习之数据表格事件、删除、更新数据
Shelly Long的博客
01-09 3803
删除行：obj.del(); 更新数据：obj.update({属性：更改后的值}); //监听工具条 table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值" var data = obj.data; //获得当前行数据 ...
Layui实现单个输入框 可以选择多个时间
03-28
在Layui中，可以通过laydate组件实现单个输入框选择多个时间的功能。具体实现方法如下： 1. 在HTML页面中引入Layui和laydate组件的相关文件： ```html <!-- 引入Layui的核心文件 --> <script src="layui/layui.js"></script> <link rel="stylesheet" href="layui/css/layui.css"> <!-- 引入laydate组件的文件 --> <script src="layui/laydate/laydate.js"></script> ``` 2. 在HTML页面中添加一个输入框，并为其设置一个唯一的ID： ```html <input type="text" class="layui-input" id="test" placeholder="请选择时间"> ``` 3. 在JavaScript中初始化laydate组件，并设置其类型为“日期时间范围”： ```javascript // 初始化laydate组件 laydate.render({ // 绑定输入框的ID elem: '#test', // 设置类型为日期时间范围 type: 'datetime', // 设置范围选择模式 range: '~' }); ``` 4. 运行页面，单击输入框即可在弹出的日期时间选择器中选择多个时间范围。 完整的HTML和JavaScript代码如下所示： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Layui实现单个输入框选择多个时间</title> <!-- 引入Layui的核心文件 --> <script src="layui/layui.js"></script> <<link rel="stylesheet" href="layui/css/layui.css"> </head> <body> <div class="layui-container"> <div class="layui-row"> <div class="layui-col-md12"> <input type="text" class="layui-input" id="test" placeholder="请选择时间"> </div> </div> </div> <!-- 引入laydate组件的文件 --> <script src="layui/laydate/laydate.js"></script> <script> // 初始化laydate组件 laydate.render({ // 绑定输入框的ID elem: '#test', // 设置类型为日期时间范围 type: 'datetime', // 设置范围选择模式 range: '~' }); </script> </body> </html> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值