dtree网页树状菜单及传递对象集合到js内，动态生成节点_javascript技巧
时间：2021-07-01 10:21:17
帮助过：7人阅读
在winform端，树状菜单是非常有用的，实现这个是非常便捷的，所以我想到在页面放入一个树状菜单的。我选择了dtree这个工具，网络上还有很多方法实现页面树状菜单的，不过我觉得这个比较好用的，而且配置比较简单，运用上上手很快。dtree是纯js的，所以不用导入jar包，并且配置只要在js内配置就好了。而且现在网络上有很多高手修改后的改良版，加了checkbox，更加方便。在开发过程中，最难的就是数据的交互的，因为dtree是纯js的，所以不存在和后台交互的方法，我的办法是先通过后台交互，将数据传递到页面，然后再传递到js内。后台传递到页面的数据我拼接成一个字符串，然后在js内切割，将数据整合成数组。
后台数据处理代码：
代码如下:
Codepublic String GetLinkManByDID(){
try {
directories = this.directoryService.GetAllDirecoty();
selectlinkMans = this.linkManService.GetAllLinkMans();
String direStringstring = "";
String linkString = "";
for (int i = 0; i < directories.size(); i++) {
if (idireStringstring+=directories.get(i).getID()+"-"+directories.get(i).getDirectoryName()+"+";
}
else {
direStringstring+=directories.get(i).getID()+"-"+directories.get(i).getDirectoryName();
}
}
for (int i = 0; i < selectlinkMans.size(); i++) {
if (ilinkString+=selectlinkMans.get(i).getDirectory().getID()+"-"+selectlinkMans.get(i).getName()+"-"+selectlinkMans.get(i).getPhoneNum()+"+";
}
else {
linkString+=selectlinkMans.get(i).getDirectory().getID()+"-"+selectlinkMans.get(i).getName()+"-"+selectlinkMans.get(i).getPhoneNum();
}
}
ActionContext.getContext().getSession().put("directories", direStringstring);
ActionContext.getContext().getSession().put("allLinkMans", linkString);
} catch (Exception e) {
e.printStackTrace();
}
return SUCCESS;
}
我是用s2sh款家的，所以数据存放到session中方式是
ActionContext.getContext().getSession().put(key, value)
然后页面得到数据：
代码如下:
