js 生成树的时候是如何判断前面那一排线的

Question

 <image  id= joint_key_level src=... >

Answer 1

1└总部_总经理
2││└ skyzhao1
3│├总部_总经理
4│││└ skyzhao
5││└总部_总经理
6││││└ skyzhao
7│└23123
8│││└ sky在输出树结构的时候，是如何判断各个级别之间的缩紧关系的。
这个是我现在输出的结果，为了判断每行的缩进关系都是输出竖线来占位的。但是很多线条都是多余的。
我想要的效果是，下面这种
1　总部_总经理
2　│└ skyzhao1
3　├总部_总经理
4　││└ skyzhao
5　│└总部_总经理
6　│　　└ skyzhao
7　└23123
8　　　└ sky要怎么来判断输出呢？

Answer 2

http://blog.163.com/asd119_cn/prevPhDownload.do?host=asd119_cn&photoId=_fks_-ATxVUBAiqSY2j-x1-aY6Yo13lRTRcdF我现在生成的效果图；

Answer 3

LZ自语啊，呵呵<div id=$key >
   .... // draw line and node , title etc here 
  <div id=$key_sub>parentId=xxx ; </div>
</div>