当前位置: 首页 > news >正文

layui表格反选功能

layui表格反选功能


在这里插入图片描述

 <div class="layui-form-item" style="margin-bottom: 0;padding-left: 15px"><input type="checkbox" name="reverseCheck" lay-filter="reverse-checkbox-filter" title="反选" lay-skin="primary"></div><div class="layui-form-item"><div class="layui-input-inline  pm-input-block snList-block"><table id="snList-table" lay-filter="snList-table"></table></div></div>

// 反选
form.on('checkbox(reverse-checkbox-filter)', function(data){form.render()var elem = data.elem; // 获得 checkbox 原始 DOM 对象var checked = elem.checked; // 获得 checkbox 选中状态if(!checked){//反选未选中return false;}let checkTab_rev = table.checkStatus('my-snList-table');let checkTebData_rev = checkTab_rev.data;let snList_rev=snList;// 获取表格选中数据id集合let checkedIdList=[]for(let i=0;i<checkTebData_rev.length;i++){checkedIdList.push(checkTebData_rev[i].id)}//重点是这块for(let i=0;i<snList_rev.length;i++){if(checkedIdList.indexOf(snList_rev[i].id)==-1){snList_rev[i].LAY_CHECKED=true}else {snList_rev[i].LAY_CHECKED=false}}table.reload('my-snList-table',{data:snList_rev})
})

http://www.mrgr.cn/news/58938.html

相关文章:

  • Delphi 7 调用C# 编写的com组件DLL
  • 金融工程--pine-script 入门
  • 【JavaScript】如何优雅的编码if判断中的一个变量多个或条件
  • Java后端面试题:设计模式篇
  • Linux误删文件找回
  • Docker 搭建mysql
  • uniapp:上拉加载更多、下拉刷新、页面滚动到指定位置
  • 力扣33:搜索旋转排序数组
  • 从Docker容器中备份整个PostgreSQL
  • 软考系统分析师知识点二三:错题集1-10
  • 并联谐振回路
  • 无人机原理是什么?
  • Linux下的线程同步与死锁避免
  • 从0到1构建 UniApp + Vue3 + TypeScript 移动端跨平台开源脚手架
  • 第15课 算法(上)
  • 快速入门!低功耗4G模组跟服务器之间的加密通信,千万不能错过!
  • 计算机强校99+分《数据库》课设
  • Web开发者必看:TypeScript的进阶用法与最佳实践
  • 动态规划 —— 0-1背包问题
  • vue开发的时候,目录名、文件名、函数名、变量名、数据库字段等命名规范
  • C++11中的同步互斥机制详解
  • 04 P1090 [NOIP2004 提高组] 合并果子 / [USACO06NOV] Fence Repair G
  • P1781 宇宙总统
  • MYSQL-查看创建的用户语法(十一)
  • 代码随想录算法训练营第二十七天 | 122.买卖股票的最佳时机Ⅱ 55.跳跃游戏 45.跳跃游戏Ⅱ 1005.K次取反后最大化的数组和
  • Web环境下的Spring Boot酒店房间预订系统