iview tree 获取选中子节点的整条数据链

这样子获取到数据是，checked等于true的，获取不到他的父级，父级的父级

解决办法代码如下：

//需要有一个唯一ID

        //======================================//扩展remove方法Array.prototype.remove = function (val) {let index = this.indexOf(val);if (index > -1) {this.splice(index, 1);}};//======================================//获取整条数据链function getParent(array, childs, ids) {for (let i = 0; i < array.length; i++) {let item = array[i];if (Number(item.id) === Number(ids)) {childs.push(item);return childs;}if (item.children && item.children.length > 0) {childs.push(item);let rs = getParent(item.children, childs, ids);if (rs) {return rs;}else {childs.remove(item);}}}return false;}//获取所有选中节点let params = this.$refs.tree.getCheckedNodes();//所有数据let allData = ['所有数据'];//循环执行所有选中的节点链，放到arr1数组里let arr1 = [];for (let i = 0; i < params.length; i++) {//单条数据链let aData = getParent(allData, [], params[i].id);//方法入口在这里for (let y = 0; y < aData.length; y++) {//拆分成单个json数组放到arr1里
            arr1.push(aData[y]);}}//arr1去重 es6的set方法function dedupe(array) {return Array.from(new Set(array));}arr1 = dedupe(arr1);

这样就能获取完整的整条数据链

转载于:https://www.cnblogs.com/xinchenhui/p/9504393.html

iview tree 获取选中子节点的整条数据链相关推荐

layui如何获取父节点的父节点_layui树形组件（右键、父节点选中子节点全被选中）...
一:右键菜单: layui里面没有给到右键菜单,所以,我自己把源码改了一下: 找到layui文件夹里modules下的tree.js 用以上代码,替换以下代码当i.which等于3,是右键事件,等于 ...
EasyUI中tree选中父节点自动选中子节点，取消子节点自动取消父节点，子节点勾选完毕自动勾选父节点
今天有需求,将树设为具有全选功能选中父节点自动全选子节点全选状态下,当用户取消某一个子节点,自动取消父节点的勾选未全选状态下,用户勾选全部子节点,自动勾选对应的父节点感觉挺简单,实际写的时候才 ...
zTree笔记，设置无法勾选父节点（禁用父节点）和父节点禁用时回显选中子节点时关联父节点状态
名称链接 zTree API http://www.treejs.cn/v3/api.php zTree Demo http://www.treejs.cn/v3/demo.php#_101 最近又 ...
java获取xml子节点_java如何获取XML中子节点的内容
满意答案 wenwei0416 2013.03.28 采纳率:52% 等级:7 已帮助:408人 java中获取xml节点元素值根据不同的处理xml方式不同而不同. java中解析xml的方式 ...
iview Tree 模糊搜索
iview Tree 模糊搜索,返回符合条件的节点,和整条数据链 <Input v-model="searchWord" @on-enter='searchTree(valu ...
Ztree树的复选框和获取选择的节点实例和代码
0 zTree简介树形控件的使用是应用开发过程中必不可少的.zTree 是一个依靠 jQuery 实现的多功能 "树插件".优异的性能.灵活的配置.多种功能的组合是 zTree ...
easyui的tree获取父节点_力扣 1519——子数中标签相同的节点数
本题主要在于对树这种数据结构的考察,以及深度优先遍历的使用,优化时可以采取空间换时间的策略. 原题给你一棵树(即,一个连通的无环无向图),这棵树由编号从 0 到 n - 1 的 n 个节点组成,且恰 ...
elementui tree获取父节点_vue_elementUI_ tree树形控件获取选中的父节点ID
一, vue_elementUI_ tree树形控件 1.1默认点击tree节点的第一个(注意不是checked选中) :expand-on-click-node="false" ...
element-ui tree 点击章节节点勾选/取消勾选
element-ui tree 点击章节节点勾选/取消勾选遇到一个需求,要求点击tree组件的章节时(不是点击checkBox),要进行节点勾选/取消勾选操作: 原本想的方案非常复杂,涉及到遍历父子 ...
iview tree树形菜单实践之渲染模式
项目中,经常会使用到iview,iview中tree是个不错的东西. 本文简单总结一下:树形控件tree的渲染使用. 一.使用 1.引入组件: show-checkbox:控制单选框的显示 <T ...

iview tree 获取选中子节点的整条数据链

iview tree 获取选中子节点的整条数据链相关推荐

最新文章

热门文章