对应action类中加上xml<userdata name="url">www.baiud.com</userdata>
在javascript中调用方法
var id=tree.getSelectedItemId();
var text= tree.getUserData(id,"url"); 获取对应的url地址
而action中需要写上对应的
public String getCarTypeXML() throws Exception {
System.out.println("diaoyong");
Document document = DocumentHelper.createDocument();
Element root = document.addElement("tree");
root.addAttribute("id", "0");
Element item = root.addElement("item");
item.addAttribute("text", "我的工作台");
item.addAttribute("id", "work console");
item.addAttribute("open", "1");
item.addAttribute("im0", "folderClosed.gif");
item.addAttribute("im1", "folderOpen.gif");
item.addAttribute("im2", "folderClosed.gif");
Element subItem = item.addElement("item");
subItem.addAttribute("text", "代办事宜");
subItem.addAttribute("id", "working");
// subItem.addAttribute("open", "1");
subItem.addAttribute("im0", "folderClosed.gif");
subItem.addAttribute("im1", "folderOpen.gif");
subItem.addAttribute("im2", "folderClosed.gif");
// subItem.addAttribute("im0", "book_titel.gif");
// subItem.addAttribute("im1", "fbook.gif");
// subItem.addAttribute("im2", "book_titel.gif");
// subItem = item.addElement("item");
// subItem.addAttribute("text", "代办事宜2");
// subItem.addAttribute("id", "working");
// subItem.addAttribute("im0", "book_titel.gif");
// subItem.addAttribute("im1", "fbook.gif");
// subItem.addAttribute("im2", "book_titel.gif");
Element subitem1=subItem.addElement("item");
subitem1.addAttribute("text", "代办事宜2-1");
subitem1.addAttribute("id", "working-01");
subitem1.addAttribute("im0", "book_titel.gif");
subitem1.addAttribute("im1", "fbook.gif");
subitem1.addAttribute("im2", "book_titel.gif");
Element sbu1_1=subitem1.addElement("userdata");
sbu1_1.addAttribute("name", "url");
sbu1_1.addText("www.baidu.com");
subitem1=subItem.addElement("item");
subitem1.addAttribute("text", "代办事宜2-2");
subitem1.addAttribute("id", "working-02");
subitem1.addAttribute("im0", "book_titel.gif");
subitem1.addAttribute("im1", "fbook.gif");
subitem1.addAttribute("im2", "book_titel.gif");
String content = document.asXML();
System.out.println(content);
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("text/xml; charset=UTF-8");
response.setHeader("Cache-Control", "no-cache");
PrintWriter pw=response.getWriter();
pw.write(content);
pw.flush();
pw.close();
return null;
}
对应javascript
<body>
<div id="treeboxbox_tree" style="width:300px; height:200px;background-color:#f5f5f5;border :1px solid Silver; "/>
<script type="text/javascript">
tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
// tree.setImagePath("imgs/csh_bluefolders/");
tree.setImagePath("js/csh_vista/");
tree.enableCheckBoxes(1);
tree.enableDragAndDrop(0);
tree.enableThreeStateCheckboxes(true);
var url="<%=basePath%>/example/getCarTypeXML.action";
tree.setOnClickHandler(tonclick)
tree.loadXML(url);
function tonclick()
{
var id=tree.getSelectedItemId();
var text= tree.getUserData(id,"url");
alert(text);
}
</script>
</body>
相关推荐
Java 动态树 dhtmlxtree,可以隐藏和展开树,得到树根,树枝节点名称。
dhtmlxTree代码,通过加载后台XML组建树结构,前台使用JS加载
圣诞节到了,我为大家送上java版的纯json数据构建树的demo,嘻嘻有了这个demo想建多少棵圣诞树也不是问题!送给各位位辛勤劳动的软件工程师们,祝大家圣诞快乐,新年快乐!身体健康,事业有成哦!
DHtmlXTree 调用xml http://blog.csdn.net/ymc0329/article/details/6619796
dhtmlXtree树 右dhtmlXtree键菜单
通过开发一个小工具讲述DHtmlXTree的应该 主要内容: DHtmlXTree生成设置 xml文档生成 DHtmlXTree加载xml文档
dhtmlxtree中文开发指导,简单介绍dhtmlxtree的使用。初学者适合。
dhtmlxtree dhtmlxtree dhtmlxtree
专业版dhtmlxtree下载 专业版dhtmlxtree下载
dhtmlxtree例子
从版本2.0,dhtmlxLayout提供了 DHTMLX组件与其他高层次的集成 ,如 dhtmlxGrid ,dhtmlxTree , dhtmlxWindows , dhtmlxMenu 等窗格集成组件可以在全球的应用和分别为每个布局。 有了一个新的皮肤2.5版本,介绍,...
博文链接:https://clarancepeng.iteye.com/blog/193058
简单的Dhtmlxtree的运用,树是通过xml加载成的。
包含dhtmlxTree(树型控件),dhtmlxTabbar(选项卡),dhtmlxGrid(数据表格),dhtmlxCombo(下拉选项),dhtmlxTreeGrid(树型表格),dhtmlxVault(文件上传控件),dhtmlxMenu(菜单),dhtmlxToolbar(工具条),dhtmlxCalendar(日历...
dhtmlXTree1.6,js实现的树结构的目录
dhtmlxtree实例包括复选、右键菜单、拖拽等功能