0 =>
1 =>
我有如上的一个数组,其中parent_id代表该节点的父节点。我现在打算生成一棵树。我接到前端的html如下:
<div class="tree_title">
<img src="images/px_02.png" class="icon_btn"/>
<label class="title">Test</label>
<input type="checkbox" class="view">
<input type="checkbox" class="manage">
</div>
<ul class="space">
<li>
<div class="tree_title">
<img src="images/px_02.png" class="icon_btn"/>
<label class="title">Test2</label>
<input type="checkbox" class="view">
<input type="checkbox" class="manage">
</div>
</li>
<li>
<div class="tree_title">
<img src="images/px_02.png" class="icon_btn"/>
<lavel class="title">Test3</lavel>
<input type="checkbox" class="view">
<input type="checkbox" class="manage">
</div>
<ul class="space">
<li>
<div class="tree_title">
<img src="images/px_02.png" class="icon_btn"/>
<label class="title">Test4</label>
<input type="checkbox" class="view">
<input type="checkbox" class="manage">
</div>
</li>
</ul>
</li>
</ul>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
首先,你需要一个树的数据结构来按照一定的结构来组织你的数据,这个树当中的每个节点用如下的TreeNode来表示,然后递归的遍历你的数据,在遍历的过程中动态的生成这个由TreeNode组成的树。并返回到前台。在前台再遍历一下,就能组成你要的效果了
public class TreeNode {
'id' => string '1' (length=1)
'name' => string 'Test' (length=13)
'parent_id' => string '0' (length=1)
'path' => string '0,' (length=2)
'order' => string '100' (length=3)
'from' => string '0' (length=1)
'qyid' => null
'lng' => string '103.86182' (length=9)
'lat' => string '36.053103' (length=9)
'level' => null
'desc' => null
'level_code' => null
public List<TreeNode> nodes;
}