树形构造之四 web展示方案

树形结构之四 web展示方案

爽快些 一下把所有的内容都放上来吧

?

下面放的一段是我通过ajax获得json格式的字符串，并把它展示出来，因为格式的风格的限制这里只列出了二级和三级别结点。

?

上面json字符串的转换会通过另一篇博客与大家分享，是个appache的一个类，支持循环引用检测，使用数据结构中的栈来解决这个问题。

?

js展示代码如下:后面让同事加了一些点击后设置样式的功能，有点乱，不过重心还是在于用js递归所有结点;

?

?

?

?
?
?
加载数据的方式很多，可以用ajax异步加载过来，也可以用dwr之前通过dwr进行加载后来改成目前这种了 ，
也可以由后台生成的json格式数据放到request里再用eval，或json转化工具进行转化，再进行树的装配与展示。
?
最方便是用下面这种了：
?
用了ligerui（基于jquery的ui框架）的树型工具：
?
?
$("#movetxt").ligerComboBox({               width: 180,               selectBoxWidth: 200,               selectBoxHeight: 200, valueField: 'text',treeLeafOnly:false,               valueField:'id',               tree: { url:"${pageContext.request.contextPath}/depart!getDepartTree.action?instance.departId=1&r="+Math.random(),checkbox:false               }           });
?
?
关于树型结构的处理到这里就已经结束了，谢谢大家!!