vue_elementUI_ tree树形控件 获取选中的父节点ID

el-tree 的 this.$refs.tree.getCheckedKeys() 只可以获取选中的id 无法获取选中的父节点ID想要获取选中父节点的id;需要如下操作1. 找到工程下的node_modules文件夹 然后查找 element-ui.common.js文件    node_modules\element-ui\lib\element-ui.common.js2. 按Ctrl+F搜索TreeStore.prototype.getCheckedKeys这个方法3. 把// if (child.checked && (!leafOnly || leafOnly && child.isLeaf)) {//   checkedNodes.push(child.data);// }改为
if ((child.checked || child.indeterminate) && (!leafOnly || leafOnly && child.isLeaf)) {    checkedNodes.push(child.data);}
如下图：


 

原文地址：https://www.cnblogs.com/zhaozhenzhen/p/9449510.html

时间： 2024-10-12 09:20:39

vue_elementUI_ tree树形控件 获取选中的父节点ID的相关文章

elementui Tree 树形控件增删改查

数据表结构: 前端代码 axios.js import axios from 'axios'; import Qs from 'qs'; import {Message} from 'element-ui'; axios.defaults.baseURL = "/"; // 设置请求超时时间 axios.defaults.timeout = 30000; // 设置post请求头 axios.defaults.headers.post['Content-Type'] = 'applic

ztree 获取CheckBox选中节点时，不获取选中上级父节点

setting.check.chkboxType = { "Y" : "s", "N" : "s" };Y指的是勾选checkbox的时候对父结点或子结点产生的影响N指的是取消checkbox的时候对父结点或子结点产生的影响s指子结点,p指父结点 //ztree获取选中节点 var checkedNodes = zTreeObj.getCheckedNodes(); 原文地址:https://www.cnblogs.com/c

vue+element tree(树形控件)组件(2)

今天记录组件的代码和一个调用它的父组件的代码,接口接收数据直接传element直接能用的,也就是经过上一章函数处理过的数据以下是代码 父组件 <template> <commonfiltertree :placeholder="placeholder" :data="data" :showCheckbox="showCheckbox" @check='getcheckdata' :title="title"

elementui Tree 树形控件

数据表结构: 后端代码: @RequestMapping(value = "/list", method = RequestMethod.POST) public Result findCategory(){ List<Category> list = categoryService.findCategory(); if (CollectionUtils.isEmpty(list)){ return ResultUtil.error(404,"资源未找到到&quo

Qt树形控件QTreeView使用1——节点的添加删除操作 复选框的设置

QtreeView是ui中最常用的控件,Qt中QTreeWidget比QTreeView更简单,但没有QTreeView那么灵活(QTreeWidget封装的和MFC的CTreeCtrl很类似,没有mvc的特点). 1. QStandardItemModel在QTreeView中的使用 使用QTreeView的对应模型是QStandardItemModel,这个是Qt对应ui界面最有用的模型,它可以用于树形控件.列表控件.表格控件等等和条目有关的控件.QStandardItemModel用于列表

MFC控件：树形控件（CTreeCtrl）

树形控件划分: 根节点:所有都收缩后的节点 节点:    能展开 叶: 不能展开 说明: 节点和叶不是绝对的划分,当在对叶添加新下属后,该叶变为节点 树形控件添加: 节点结构体: HTREEITEM ,用该结构体声明节点变量 为控件添加项: HTREEITEM InsertItem( LPCTSTR lpszItem, //项名 int nImage, //树视图控件图像列表中的项的图像的索引 int nSelectedImage, //树视图控件图像列表中的项的所选图像的索引 HTREEITE

DWZ (JUI) 教程 tree 控件的选中事件

原文:DWZ (JUI) 教程 tree 控件的选中事件 先简单说一下流程 第一步 当然是先定义好回调事件了 function checkCallback(json){ ........... ........... } 关键是回调函数返回的结构 {checked:布尔值, items:数组} 如果是选中事件 checked 为 true 否则为false items 是个对象数组 [ {name:, value:, text: },{} ]   是返回是选中的节点,如果返回的checked 为

树形控件简单样例

此实例实现的功能:在一个树形控件中显示鸡啄米站点的简单结构分层,共同拥有三层.分别为鸡啄米站点.各个分类和文章.用鼠标左键单击改变选中节点后.将选中节点的文本显示到编辑框中.以下是详细实现步骤: 1. 创建一个基于对话框的MFCproject,名称设置为"Example31". 2. 在自己主动生成的对话框模板IDD_EXAMPLE31_DIALOG中,删除"TODO: Place dialog controls here."静态文本框."OK"

js树形控件—zTree使用总结(转载)

0 zTree简介 树形控件的使用是应用开发过程中必不可少的.zTree 是一个依靠 jQuery 实现的多功能 “树插件”.优异的性能.灵活的配置.多种功能的组合是 zTree 最大优点. 0.0 zTree的特点 最新版的zTree将核心代码按照功能进行了分割,不需要的代码可以不用加载,如普通使用只需要加载核心的jquery.ztree.core-3.5.js,需要使用勾选功能加载jquery.ztree.excheck-3.5.min.js,需要使用编辑功能加载jquery.ztree.e