easy ui 中 Tree控件 convert函数解析

女爷i 2022-01-19 01:37 100阅读 0赞

注意：**JS中对基本类型的赋值那就是赋值，对于object类型（非基本类型）所有的赋值（包括 push函数）全部为引用。**

function convert(rows){
    	// 功能函数，没特殊的
    	function exists(rows, parentId){
    		for(var i=0; i<rows.length; i++){
    			if (rows[i].id == parentId) return true;
    		}
    		return false;
    	}
     
    	// nodes这个数组是最后的返回值
    	// 这段代码是找出所有的顶级节点：所有父亲节点不在完整列表中的为顶级节点（也就是找不到父亲的）
            
    	var nodes = [];
    	// get the top level nodes
    	for(var i=0; i<rows.length; i++){
    		var row = rows[i];
    		if (!exists(rows, row.parentId)){
    			// 这里的 push 是赋值不是引用，除了这里操作了 nodes[] 数组，下面的代码没有任何地方直接使用nodes[]数组
    			nodes.push({
    				id:row.id,
    				text:row.name
    			});
    		}
    	}
    	
    	// 这里的 toDo 是开辟了新的存储空间的用来存放数据
    	var toDo = [];
    	for(var i=0; i<nodes.length; i++){
    		// 这里push的元素为 nodes中的元素的引用
    		// 这里没有做 toDo = nodes，所以即使是保存的有 nodes中元素的引用，toDo 是一个独立的数组，toDo不是nodes的引用
    		toDo.push(nodes[i]);
    	}
    	while(toDo.length){
    		// 删除了首个元素，将nodes中的引用从toDo数组中删除了，返回值为被删除的节点
    		// node 变量 为 nodes 数组的引用，所以才能改变了notes[]数组的值！！！！
    		var node = toDo.shift();	// the parent node
    		// get the children nodes
    		for(var i=0; i<rows.length; i++){
    			var row = rows[i];
    			if (row.parentId == node.id){
    				var child = {id:row.id,text:row.name};
    				if (node.children){
    					// 这里是赋值，改变了notes[]数组
    					node.children.push(child);
    				} else {
    					// 这里是赋值，改变了notes[]数组
    					node.children = [child];
    				}
    				//这里添加的是引用
    				toDo.push(child);
    			}
    		}
    	}
    	return nodes;
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，100人围观）

还没有评论，来说两句吧...

相关阅读

相关 ui(new Ui::MainWindow)的解析

一、问题 QT生成一个简单的MainWindow工程后，mainwindows.cpp中，实现了MainWindow的构造函数，见如下代码： //.h

た入场券/ 2024年03月22日 16:48/ 0 赞/ 77 阅读

相关 LeetCode - Easy - 108. Convert Sorted Array to Binary Search Tree

Topic Tree Depth-first Search Description [https://leetcode.com/problems/co

骑猪看日落/ 2022年12月28日 08:27/ 0 赞/ 116 阅读

相关 element-ui 中el-select 嵌套 tree树形控件

element-ui 中el-select 嵌套 tree树形控件用select，嵌套tree控件 js部分 \\ > 本文转载https:

一时失言乱红尘/ 2022年11月21日 01:12/ 0 赞/ 254 阅读

相关 Android自定义控件坐标系解析

自定义控件要想彻底的把握，掌握Android各种坐标系及一些API的坐标含义毫无疑问是不可忽视的技能，对于控件的摆放位置、触摸点、控件绘制等都离不开坐标系，所以学习自定义控件之

以你之姓@/ 2022年10月20日 13:55/ 0 赞/ 2 阅读

相关 Android 基本UI控件

Android基本控件 1.TextView 2.EditText 3.Button 4.RadioButton以及RadioGroup 5.CheckBo

Myth丶恋晨/ 2022年09月24日 12:26/ 0 赞/ 217 阅读

相关 ElementUI Tree 树形控件

一、概述用清晰的层级结构展示信息，可展开或折叠。官方网站：[https://element.eleme.cn/\/zh-CN/component/tree][htt

矫情吗；*/ 2022年08月28日 13:53/ 0 赞/ 270 阅读

相关 Android之UI控件

本文主要包括以下内容 1. Spinner的使用 2. Gallery的使用 Spinner的使用 Spinner的实现过程是 1. 在xml文件中定义S

比眉伴天荒/ 2022年07月25日 15:40/ 0 赞/ 250 阅读

相关 Android的Spinner控件用法解析

微调框微调框提供一种方法，让用户可以从值集中快速选择一个值。默认状态下，微调框显示其当前所选的值。触摸微调框可显示下拉菜单，其中列有所有其他可用值，用户可从中选择一个

客官°小女子只卖身不卖艺/ 2022年07月14日 05:44/ 0 赞/ 231 阅读

相关安卓通知控件SnackBar解析

安卓常用的控件包括Toast和Dilalog。先介绍一下他们。 Dilalog Dialog的作用是给用户一个提示信息，并让用户根据提示做出判断。而Dialog的特征就

超、凢脫俗/ 2022年07月13日 07:22/ 0 赞/ 279 阅读

相关 easy ui 中 Tree控件 convert函数解析

注意：JS中对基本类型的赋值那就是赋值，对于object类型（非基本类型）所有的赋值（包括 push函数）全部为引用。 function convert(rows)

女爷i/ 2022年01月19日 01:37/ 0 赞/ 101 阅读