layui表格监听全选

编程入门 行业动态 更新时间:2024-10-07 18:31:45

layui表格监听<a href=https://www.elefans.com/category/jswz/34/1768531.html style=全选"/>

layui表格监听全选

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

Layui表格的全选按钮只是改了下其他表格li的样式而已,所以你想通过获取选中行进行回填数据并计算时,你就会发现表头这个全选按钮是获取不到选中行的,所以它就不会再进行计算,所以我就帮它重新写了一个点击事件,让它全选时获取当前页面的全部数据,不全选时获取到选择行的数据进行判断。

tabTitles = layuiTable.render({

elem: '#tabTitles',

url: '/DayWorkManagement/FormerSell/selectTitlesInfor',

where: {CommID: "", Discount: 0, VipID: 0 },

cols: [[

{ type:,title: '表头', rowspan: 2,unresize: true, width: 50},

]],

//数据渲染完的回调

done: function (res) {

var SPhaschecked;

SPcache =res.data;//获取到商品表页面的所有数据

//我在这个按钮外层的div加了点击事件在表格的回调里,这样可以让它点击后获取的表格页面上的全部数据。

$("[lay-id='tabTitles']").find("[data-field='1']")

.find("div").eq(0).click(function (data){

//它加个条件判断这个全选按钮是否勾上,勾上就获取全部

更多推荐

layui表格监听全选

本文发布于:2024-02-28 06:31:53,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1768526.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:全选   表格   layui

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!