首页 > 其他分享 >el-table 子级选中父级勾选 子级无一选中父级取消勾选

el-table 子级选中父级勾选 子级无一选中父级取消勾选

时间:2023-08-07 11:57:06浏览次数:37  
标签:parent childrenLen 父级 勾选 选中 子级

 // 选中子级父级也选中             if(row.parentId!=0){                     let parent = this.archiveTypeList.find((x=>x.id===row.parentId));                     this.$refs.multipleTable.toggleRowSelection(parent,true);                     let childrenLen=0;                     parent.children.forEach((i)=>{                         let selected = selection.length && selection.indexOf(i) !== -1                         if(selected === true){                             //当前行被选中                               childrenLen++                         }                     })                  // 子级所有取消选中 父级也取消选中                     if(childrenLen==0){                         this.$refs.multipleTable.toggleRowSelection(parent,false);                     }              }      

标签:parent,childrenLen,父级,勾选,选中,子级
From: https://www.cnblogs.com/caiiac/p/17611040.html

相关文章

  • layui-tree 设置子父级节点联动
    1vue版本2.5.6231、设置选择父级节点,子级节点不联动选择45①前端代码67layui.use(['tree','util'],function(){8vartree=layui.tree;9varutil=layui.util;10tree.render({11elem:'#dept_tree',12......
  • 低代码PAAS平台源码,采用对象式和勾选式实现企业应用程序开发
    管理后台低代码PaaS平台是一款基于SalesforcePlatform的开源替代方案,旨在为企业提供高效、灵活、易于使用的低代码开发平台。低代码PaaS平台的10大核心引擎功能:1.建模引擎2.移动引擎3.流程引擎4.页面引擎5.报表引擎6.安全引擎7.API引擎8.应用集成引擎9.代码引擎10.公......
  • mysql通过查询下级内容,同时展示父级信息
    mysql通过查询下级内容,同时展示父级信息在实际的数据库应用中,我们经常需要查询某个记录的下级内容,并同时展示其对应的父级信息。这种查询操作在MySQL中可以通过使用JOIN语句实现。本文将介绍如何使用JOIN语句来实现这个功能,并通过代码示例进行演示。什么是JOIN语句?在MySQL中,JOIN......
  • Java处理子父级菜单的方式二
    处理存在子父级关系的数据是写代码的过程中常见的操作,前面讲解过使用递归的方法来做,可以参考这篇博客https://www.cnblogs.com/yilangcode/p/16831867.html今天来聊聊一种新的处理方式。使用List集合多轮遍历,添加子父级菜单信息。建表SQLDROPTABLEIFEXISTS`sa_menu`......
  • WPF CheckBox勾选框大小设置
    1、设置CheckBox,FontSize,只有字体发生变化,前面的勾选框太小,可以设置LayoutTransform<StyleTargetType="CheckBox"><SetterProperty="HorizontalAlignment"Value="Left"/><SetterProperty="LayoutTra......
  • el-table中的selectable的使用方法 tl-table中控制列表第一列 勾选框是否禁用
    el-table中的selectable的使用方法tl-table中控制列表第一列勾选框是否禁用原文链接:https://huaweicloud.csdn.net/63a004ccdacf622b8df912b8.htmlel-table中的selectable的使用方法html代码<el-table-columntype="selection"width="55":selectable="selec......
  • 前端Vue自定义勾选协议组件 可用于登录 注册等场景
    前端Vue自定义勾选协议组件,可用于登录注册等场景,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13299效果图如下:cc-protocolBox使用方法<!--agree:是否同意勾选 protocolArr:协议数组@click:勾选同意点击@protocolClick:协议点击--><......
  • 网格文本框输入,自动勾选
    //网格文本框输入,自动勾选$(function(){    $("input[type='text']").focus(function(){          $(this).parent().siblings("td[colname='MC']").children("input[type='checkbox']").attr("checked","c......
  • TreeSelect 树形选择 选中子级显示所有父级及本身
    由于需求的需要,需要在选中二级的时候,将全部路径完整的在输入框显示:如图所示 看了一下,tree自带的属性没有此功能,经过一番思考,直接可以给绑定的model赋值的操作实现,代码如下:<template><el-tree-select:disabled='props.disabled'ref='treeRef'node-key='value':props="t......
  • mysql 递归查询父级下的所有子级
    有一张组织表,该表有上下层级,使用mysql递归查询某个组织下的所有子组织,sql要怎么写?假设这张表名为organization的表,其结构如下:CREATETABLEorganization(idINTPRIMARYKEY,nameVARCHAR(50),parent_idINT);表里插入了几条数据INSERTINTO`organization`(`......