JavaScript通过父节点ID递归生成JSON树

JavaScript通过父节点ID递归生成JSON树: · 实现思路:通过递归实现(第一次递归的时候查询出所有的父节点,然后通过当前父节点id不断地去查询所有子节点,直到递归完毕返回) · 代码示例: // 模拟数据 const ary = [ { id: '1', name: '11', parent_id: '' }, { id: '2', name: '22', parent_id: '' }, { id: '3', name: '33', parent_id: '' }, { id:…

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 (chi…

Element ui tree树形控件获取当前节点id和父节点id

低版本Element ui tree树形控件获取当前节点id和父节点id的方法:点击查看最新版本Element ui tree树形控件获取当前节点id和父节点id教程: 1.找到node_modules/element-ui/lib/element-ui.common.js文件 2.按Ctrl+F搜索TreeStore.prototype.getCheckedKeys这个方法,低版本教程到这一步就直接修改了(具体看上面教程),发现没有找到if(node.checked) 如图: 但可以发现它…

C#递归生成HTML树，C#递归生成xml树

C#递归生成HTML树 public StringBuilder str = new StringBuilder(); //定义一个字符串 private void get_navigation_childs(List<TableClass> oldData, string parent_id) { List<TableClass> dr = oldData.Where(x => x.PCode == parent_id).OrderBy(x => x.Kid).T…

递归遍历JSON树

递归遍历JSON树前几天有个人问我,json串的层级无限深,但在json串中的key是已知的,在json串中的value,有些事Object,有些是Array,如何把这些层级无限深的key所对应的value,若是Object,转为Array. 首先,如果遇到了这个层级无限深的问题,肯定是要用到递归的,那么递归的出口在哪里?就是判断,该key所对应的value值,是否是Object. 直接上代码 function traversalJson(jsonObj) { // 循环所有键 for(let…

ELementUI 树形控件tree 获取子节点同时获取半选择状态的父节点ID

使用element-ui tree树形控件的时候,在选择一个子节点后,使用getCheckedKeys 后,发现只能返回子节点的ID,但是其父节点ID没有返回. 解决办法有三种: 1.element-ui 有一个获取半选择状态值ID得方法 getHalfCheckedKeys 这个方法用来获取父节点半选择状态ID值 2.修改源码找到node_modules/element-ui/lib/element-ui.common.js文件按Ctrl+F搜索TreeStore.prototype…

总结获取原生JS(javascript)的父节点、子节点、兄弟节点

关于原生JS获取节点,一直是个头疼的问题,而且调用方法的名字又贼长了,所以我选择用JQ,好像跑题了-- 话不多说看代码获取父节点及父节点下所有子节点(兄弟节点) <ul> <li> <textarea>文本一</textarea> <input type=button value="复制" onclick="jsCopy(this)"> </li> <li><textar…

Element ui tree树形控件获取父节点id

Element-ui官网给的方法 getCheckedKeys() { console.log(this.$refs.tree.getCheckedKeys()); }, 这种只有在所有子级都被选中的情况下才能获得父级的id,如果不选中所有的子级那么获取得到的id就只有子级的.但是一般提交数据时后台都需要父级id的. 1.找到node_modules/element-ui/lib/element-ui.common.js文件 2.按Ctrl+F搜索TreeStore.prototype.getC…

c# 根据父节点id，找到所有的子节点数据

转自:https://blog.csdn.net/q107770540/article/details/7708418 查的是表 Model_info中父节点为p_id时找到所有的子节点的集合 //通过父节点找到所有子节点 public IEnumerable<ModelInfo> GetSonID(string p_id) { var query = from c in _context.Model_Info where c.parent_dbId == p_id select c; ret…

[TimLinux] JavaScript 阻止父节点接收子节点事件的方法

1. 事件两种类型的事件:触发式.冒泡式 2. 冒泡式触发式:事件从DOM结构的顶层往下走的事件触发过程: 冒泡式:事件从DOM结构的底层往上走的事件触发过程. 3. 父子节点当父.子节点同时对一个事件进行监听的时候,冒泡式的事件方式中,发生在子节点中的事件,在完成子节点事件处理函数后,将继续执行父节点注册的事件处理函数. 父.子节点都对某事件进行了监听,比如:父节点监听了onclick,子节点也监听了onclick事件发生在子节点上的事件,子节点事件处理函数将优先被调用如果只发生在父…

js动态生成JSON树

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

java从数据库读取菜单，递归生成菜单树

首先看一下菜单的样子根据这个样子我们定义菜单类 public class Menu { // 菜单id private String id; // 菜单名称 private String name; // 父菜单id private String parentId; // 菜单url private String url; // 菜单图标 private String icon; // 菜单顺序 private int order; // 子菜单 private List<Menu> chi…

将子节点的所有父节点ID合并成一个字符串，并更新表

begin for cur_dept in (select SLCATALOG_ID from T_GIS_SLCATALOG) loop UPDATE T_GIS_SLCATALOG SET PATH = (SELECT listagg(SLCATALOG_ID, ',') WITHIN GROUP (ORDER BY SLCATALOG_ID) FROM (SELECT * FROM T_GIS_SLCATALOG START WITH SLCATALOG_ID = cur_dept.SLC…

关于dataTable 生成JSON 树

背景: POSTGRESL + C# + DHTMLX SUIT 一个表生成一个JSON串,这个不是很麻烦: 1.在数据库(postges)中: json_agg(row_to_json(t)) 2.在C#中直接FOR 循环拼接是没有问题这都不是我想要的, 我要的更多:一棵树状的JSON串如上的表生成如下的树: [ { "id": "1", "text": "总工程1", "items": [ {…

JavaScript之递归查找所有父节点

......data: () => ({ // 数据 dt: [{ id: '1', children: [ { id: '1-1', children: [ { id: '1-1-1', children: [] } ] }, { id: '1-2', children: [ { id: '1-2-1', children: [] } ] } ] }, { id: '2', children: [ { id: '2-1', children: [ { id: '2-1-1', children…

c# winform结合数据库动态生成treeview的父节点和子节点方法和思路

tb_food表的结构如图一: tb_foodtype表的结构如图二: //获取tb_foodtype表中的所有数据 private void InitDataTable() { SqlConnection conn = BaseClass.DBConn.CyCon(); SqlCommand cmd = new SqlCommand("select * from tb_foodtype", conn); SqlDataAdapter ada = new SqlDataAdapter(…

aceAdmin fuelux tree 从后台获取数据，并设置节点ID等属性

如题,从后台封装数据,有两种方式渲染节点的数据: 1.全部节点加载 2.根据父节点加载子节点首先,先介绍下第一种渲染方式: 后台返回数据格式(所有的附加属性,都可放在additionalParameters下): 前端页面html: <div class="widget-body"> <div class="widget-main padding-8"> <div id="treeview" class="…

treeview插件使用：根据子节点选中父节点

鄙人公司没有专门的前端,所以项目开发中都是前后端一起抡.最近用bootstrap用的比较频繁,发现bootstrap除了框架本身的样式组件外,还提供了多种插件供开发者选择.本篇博文讲的就是bootstrap的一个树形插件bootstrap-treeview. 最近项目权限模块中,需要将用户菜单做成可配置的.授权人员的授权操作是通过对树形菜单中的复选框进行勾选后保存来完成的,如下图所示: bootstrap-treeview本身对勾选/取消的支持是没问题,问题在于复选框的业务逻辑上: ① 如果勾…

Jquery EasyUI Combotree和 EasyUI tree展开所有父节点和获取完整路径

Jquery EasyUI Combotree展开所有父节点 Jquery EasyUI Combotree获取树完整路径 Jquery EasyUI tree展开所有父节点 Jquery EasyUI tree获取完整路径 ================================ ©Copyright 蕃薯耀 2018年5月11日 https://www.cnblogs.com/fanshuyao/ /** * 根据叶子节点展开所有父节点 * @param treeObj 树对象,(c…

Treeview控件如何获得子节点的所有父节点的名称

Delphi或c++ 的treeview控件,比如一个节点上面有个父节点,这个父节点上面还有一个父节点,如何获得这两个父节点的名字呢?请给出实现代码先定义一个nodevarnode:TTreeNode;然后你获取你所选中的节点node:=TreeView.Selected;它的父节点的名称就是node.Parent.Text它的祖父节点的名称就是node.Parent.Parent.Text以此类推注意,在访问父节点之前要判断是否存在if node.Parent<>nil thenbegi…

递归删除资源树 Ztree

前言最近项目里有这么一个需求:现在有一个用Ztree编写的资源树,当删除资源树的某个节点时,则将此节点下面的所有节点全部删除,这里显然就用到了递归:若此节点被删除后无其它的兄弟节点了,我们还需要将其父节点更新成新的子节点. 代码中用到的技术小编操作数据库用的是mybatis,大部分操作直接使用的mybatis的逆向工程,至于mapper的注入,我就不贴代码了. 1.删除节点的入口 public void deleteCategory(Long id) { //将此节点对象从数据库中搜出来 T…

asp.net mvc+EF 递归生成树结构返回json

0.数据表结构,主要属性有:Id.parentId(父节Id).Text.Url……等等. 1.新建一个树结构MenuModels public class MenuModels { private int _id; private string _text; private int? _parentid; private string _icon; private string _url; private object _menus; private Dictionary<string, st…

json树递归js查询json父子节点

上代码,直接另存为html打开,看console控制台就可以看到效果了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>json-query</title> <script type="text/javascript"> var json = [{ "MenuCo…

(转载)JavaScript递归查询 json 树父子节点

在Json中知道某个属性名,想要确定该属性在Json树具体的节点,然后进行操作还是很麻烦的可以用以下方法找到该属性所在的节点,和父节点 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>json-query</title> <script type="text/javascript&quo…

JavaScript 递归遍历json串获取相关数据

递归遍历json串获取相关数据 by:授客 QQ:1033553122 1. 测试数据 // 导航菜单 [ { id: 1, parentId: 0, parentName: null, name: "首页", url: "/home", perms: null, requireAuth: true, hidden: false, type: 0, icon: "fa fa-home fa-lg",a orderNum: 1, level…

根据科目计算父科目ID，并递归累计求父科目的金额

通常情况下,我们会从外部系统或者其他数据源得到以下树形结构的数据,并需要对其进行处理其中,需要做的处理包括 1.计算每个科目的父科目ID,即PARENT_ID; 2.计算每个科目的ITEM_LEVEL; 3.判断每个节点是否叶子节点: 4.计算父科目的金额. 建表如下 create table CUX.CUX_TEST ( account_id number, parent_id number, account_code ), item_level number, leaf_flag ), a…

js 递归获取子节点所有父节点，深度遍历获取第一个子树

前端需求. 递归深度优先遍历算法 // 查找一个节点的所有父节点 familyTree (arr1, id) { var temp = [] var forFn = function (arr, id) { for (var i = 0; i < arr.length; i++) { var item = arr[i] if (item.id === id) { temp.push(item) forFn(arr1, item.pid) break } else { if (item.chil…

Mysql 实现向上递归查找父节点并返回树结构

需求:通过mysql 8.0以下版本实现,一个人多角色id,一个角色对应某个节点menu_id,根节点的父节点存储为NULL, 向上递归查找父节点并返回树结构. 如果只有叶子,剔除掉; 如果只有根,只显示一个秃顶的根 :如果既有叶子又有根则显示叶子与根. 测试数据: 如果传入角色ID[auth_id]: 5,15,25,26,则只查找5,15的所有父节点,因为25,26无根节点测试数据: SET NAMES utf8mb4; SET FOREIGN_KEY_CHECKS = 0; --…

JavaScript递归方法生成 json tree 树形结构数据

//递归方法生成 json tree 数据 var getJsonTree = function(data, parentId) { var itemArr = []; for (var i = 0; i < data.length; i++) { var node = data[i]; if (node.parentId == parentId) { var newNode = {}; newNode.id = node.id; newNode.name = node.name; newNo…

SQL根据指定节点ID获取所有父级节点和子级节点

--根据指定节点ID获取所有子节点-- WITH TEMP AS ( SELECT * FROM table_name WHERE Id=' --表的主键ID UNION ALL SELECT T0.* FROM TEMP,table_name T0 WHERE TEMP.Id=T0.ParentId --子级ID==父级ID ) SELECT * FROM TEMP; --根据指定节点ID获取所有父节点-- WITH TEMP AS ( SELECT * FROM table_name WHE…

【JavaScript通过父节点ID递归生成JSON树】的更多相关文章