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

layui tree组件取消勾选

layui(2.8.15) tree的api中,只有 tree.setChecked(id, idArr) 方法,没有取消勾选的方法。

我的需求是:勾选后做判断,如果不符合条件则取消勾选。

实现方法:

使用 tree的oncheck事件,在回调函数中做判断,并确定是否取消勾选:

layTree.render({elem: '#menuTree',id: 'roleMenuTree',showCheckbox:true,data: tempData,oncheck: function(obj){//console.log(obj.data); // 得到当前点击的节点数据//console.log(obj.checked); // 节点是否被选中//console.log(obj.elem); // 得到当前节点元素if (obj.data.text==='菜单管理'){layer.msg('《菜单管理》不能选!');obj.elem.find('.layui-form-checked').removeClass('layui-form-checked');return;}}
});

即使用 obj.elem.find('.layui-form-checked').removeClass('layui-form-checked'); 取消勾选。经过验证,在后边使用 tree.getChecked(id) 获取已勾选的内容时,与页面显示的数据一致,无需特殊处理。

http://www.lryc.cn/news/140518.html

相关文章:

  • 【Android基础面试题】ViewPager与ViewPager2的区别
  • springCloudGateway网关配置
  • kali 2023.3新增工具
  • W25Q64 驱动--基于SPI2接口
  • 禁用无线键盘指定按键
  • 分数规划(二分)
  • Vue2向Vue3过度Vue3状态管理工具Pinia
  • STM32--SPI通信与W25Q64(1)
  • 版本控制工具Git常见用法
  • Multisim软件安装包分享(附安装教程)
  • 【android12-linux-5.1】【ST芯片】HAL移植后开机卡死
  • 线程池也就那么一回事嘛!
  • 设计模式(11)观察者模式
  • 开源的安全性:挑战与机会
  • wireshark 流量抓包例题重现
  • Smartbi电子表格软件版本更新,首次推出Excel轻应用和语音播放
  • ElasticSearch简介、安装、使用
  • Navicat 连接 mysql 问题
  • Adobe Media Encoder软件安装包分享(附安装教程)
  • [C#][原创]操作注册表一些注意点
  • “华为杯”研究生数学建模竞赛2016年-【华为杯】C题:基于无线通信基站的室内三维定位问题
  • 双目视觉之-棋盘格标定板制作
  • 自然对数底e的一些事
  • React Hooks 全解:零基础入门
  • webrtc在js里的实现
  • 熊猫:完整的初学者指南
  • 【Go】Go语言并发编程:原理、实践与优化
  • HTTPS协议加密原理
  • L1-034 点赞(Python实现) 测试点全过
  • MySQL 存储过程 循环处理数据 while repeat