dtree 网页树状菜单及传递对象集合到js内，动态生成节点

最近要做一个联系人的选择框，选择联系人后，将联系人的手机号添加到网页的输入框，可以支持复选框。在winform端，树状菜单是非常有用的，实现这个 是非常便捷的，所以我想到在页面放入一个树状菜单的。我选择了dtree这个工具，网络上还有很多方法实现页面树状菜单的，不过我觉得这个比较好用的，而 且配置比较简单，运用上上手很快。dtree是纯js的，所以不用导入jar包，并且配置只要在js内配置就好了。而且现在网络上有很多高手修改后的改良 版，加了checkbox，更加方便。在开发过程中，最难的就是数据的交互的，因为dtree是纯js的，所以不存在和后台交互的方法，我的办法是先通过 后台交互，将数据传递到页面，然后再传递到js内。后台传递到页面的数据我拼接成一个字符串，然后在js内切割，将数据整合成数组。

后台数据处理代码：

Code

我是用s2sh款家的，所以数据存放到session中方式是

ActionContext.getContext().getSession().put(key, value)

treeload 是我自己编写的一个js文件内的方法。

js：

Code

最后，效果图

                              

 

我改写的dtree 的js：

Code

大家可以借鉴一下，自己弄个小工程试试，dtree还是不错的。