js展开一颗树
Tree View 指令不支持 树结构数据源， 只支持单层数组。（也许是我没发现，人家可以设置） 。我只能把树展开，变成单层数组。然后还要记录已经递归到第一层了。比如这样。
<!doctype html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var self = this;
self.list = [
{
"id": 1,
"title": "node1",
"children": [
{
"id": 11,
"title": "node1.1",
"children": [
{
"id": 111,
"title": "node1.1.1"
}
]
},
{
"id": 12,
"title": "node1.2",
"children": []
}
]
},
{
"id": 2,
"title": "node2",
"nodrop": true,
"children": [
{
"id": 21,
"title": "node2.1",
"children": []
},
{
"id": 22,
"title": "node2.2",
"children": []
}
]
},
{
"id": 3,
"title": "node3",
"children": [
{
"id": 31,
"title": "node3.1",
"children": []
}
]
}
];
function flatten (arr,level){
var result = [],
recursion = function (arr,level) {
arr.level = arr.level || level || 0;
//这里用了个巧妙的方法，记录该数组的level。有就用它自己的，没有就判断是不是别人给它的，别人给的一般代表自己是子树。然后给的时候 +1
arr.forEach(function (item) {
item.$$treeLevel = arr.level;
result.push(item);
item.children && recursion(item.children,arr.level + 1);
});
delete arr.level;
};
recursion(arr);
return result;
};
self.arr = flatten(self.list);
console.log(self.arr);
</script>
</body>
</html>
web前端免费学习资料，搜【WEB前端互动交流群】
最新文章
- Rocksdb引擎记录格式
- 能看到U盘占用内存，但看不到文件
- 实现app上对csdn的文章查看，以及文章中图片的保存 （制作csdn app 完结篇）
- import com.sun.image.codec.jpeg.JPEGCodec不通过 Eclipse找不到包
- iOS音频处理
- Objective-C——判断对象等同性
- hdu 4497 GCD and LCM（2013 ACM-ICPC吉林通化全国邀请赛——题目重现）
- java全组合算法
- eclipse下出现奇怪字符的解决方法
- [Swift]LeetCode205. 同构字符串 | Isomorphic Strings
- 安装vs2017后造成无法打开xproj项目无法打开
- 数据分析 - 美国金融科技公司Prosper的风险评分分析
- Delphi 字符串截取函数
- DIOCP开源项目-DIOCP3的ECHO测试<贴图>
- sublime text3 设置快速生成代码
- NOI.AC WC模拟赛
- `ECS弹性计算服务
- Caused by: java.lang.NoClassDefFoundError: javax/el/ELManager
- POJ 1258 + POJ 1287 【最小生成树裸题/矩阵建图】
- File upload error - unable to create a temporary file