对应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通常通过JavaServer Pages (JSP) 或Servlet与后端服务器进行交互，处理数据加载和用户操作。 这个组件的主要特点包括： 1. **动态性**：dhtmlxtree支持实时更新，可以在运行时添加、删除...
本示例——"(纯Json个人发布Java版)DhtmlxTree+struts2构建异步(动态)加载树"——展示了如何利用Java技术和前端库DhtmlxTree来实现动态、异步的数据加载功能，这在现代Web应用中非常常见，如文件管理系统、组织结构...
通过调用`dhtmlXTreeObject`构造函数，指定容器ID和XML数据源URL： ```javascript var tree = new dhtmlXTreeObject("tree_container", "100%", "100%", "0"); tree.setImagePath("codebase/imgs/"); tree.loadXML...
dhtmlXtree是一款功能强大的JavaScript库，用于在Web页面中创建交互式的树形结构。它提供了丰富的特性，如拖放操作、多选、上下文（右键）菜单、图标支持等，广泛应用于网站导航、数据组织和展示。在这个场景中，...
描述中的链接提到了CSDN博客文章，其中详细介绍了如何使用XML HTTP请求来调用DhtmlxTree。通过XML，开发者可以动态地从服务器获取和显示数据，增强了树结构的实时性。这种技术基于AJAX（Asynchronous JavaScript and...
示例中的Java方法`fingCommonAll`是为了响应客户端的请求，返回XML数据。它从数据库获取数据，然后构建XML字符串返回给前端。这个方法需要返回符合dhtmlxtree加载XML格式的数据。 10. **XML数据格式**： 树形结构...
DHTMLXTree 支持从 XML 文件加载数据，下面是一个简单的 XML 数据示例： ```xml <?xml version='1.0' encoding='iso-8859-1'?> <item text="My Computer" id="1" child="1" im0="my_cmp.gif" im1="my_cmp.gif" im2...
**dhtmlxtree详解与JSON应用** `dhtmlxtree` 是一个基于JavaScript的富...通过实践项目`dhtmlxtreeTest`，我们可以深入了解dhtmlxtree的用法和与JSON的整合，这对于提升Web开发中的UI设计和数据管理能力具有重要价值。
【标题】"使用XML或JSON方式生成dhtmlxtree"主要涉及的是前端数据结构的表示以及与JavaScript库dhtmlxtree的交互。dhtmlxtree是一款用于创建动态HTML树形菜单的JavaScript组件，它允许通过XML或JSON数据格式来构建和...
在Dhtmlxtree中，每个树节点被视为一个XML元素，可以通过属性来指定节点的文本、图标、展开状态等信息。例如，一个基本的XML结构可能如下所示： ```xml 父节点1"> 子节点1.1"/> <item id="1_2" text="子节点1.2...
**dhtmlXTree1.6** 是一个基于JavaScript的组件，用于在Web应用程序中创建交互式的树状结构。这个组件允许开发者以动态和灵活的方式展示层次化的数据，常见于网站的导航菜单、文件系统或者组织架构等场景。...
在实际应用中，dhtmlxtree可以与其他前端框架（如jQuery、AngularJS、React等）配合使用，提供更丰富的用户体验。例如，通过AJAX请求获取动态数据，实时更新树状视图；或者结合服务器端技术（如PHP、Java、ASP.NET）...
在DHTMLX组件库中，DHTMLXTree是一款基于JavaScript的DHTML组件，它主要用于构建富交互式的Web界面，特别是在Ajax技术的支持下，能实现动态更新和高效的数据展示。DHTMLXTree提供了一种直观的方式，用于组织和呈现...
dhtmlxTree是一款基于JavaScript的树形控件，它提供了丰富的功能和自定义选项，用于在Web应用程序中创建交互式的树状数据结构。这个控件允许开发者以灵活的方式展示层次化的信息，例如网站导航、文件系统目录或者...