其实呢,刚开始打算做的是静态的加载,但是,发现自己后台构建树的时间太长了,所以就放弃了,改成了异步加载,自己也是刚接触,看代码吧,很多都是copy的。
把xtree的文件夹放到项目中,然后再页面中引入js,css.
先见一个页面:
webFXTreeConfig.rootIcon = "<%=request.getContextPath()%>/xtree/images/folder.png";
webFXTreeConfig.openRootIcon = "<%=request.getContextPath()%>/xtree/images/openfolder.png";
webFXTreeConfig.folderIcon = "<%=request.getContextPath()%>/xtree/images/folder.png";
webFXTreeConfig.openFolderIcon = "<%=request.getContextPath()%>/xtree/images/openfolder.png";
webFXTreeConfig.fileIcon = "<%=request.getContextPath()%>/xtree/images/file.png";
webFXTreeConfig.lMinusIcon = "<%=request.getContextPath()%>/xtree/images/Lminus.png";
webFXTreeConfig.lPlusIcon = "<%=request.getContextPath()%>/xtree/images/Lplus.png";
webFXTreeConfig.tMinusIcon = "<%=request.getContextPath()%>/xtree/images/Tminus.png";
webFXTreeConfig.tPlusIcon = "<%=request.getContextPath()%>/xtree/images/Tplus.png";
webFXTreeConfig.iIcon = "<%=request.getContextPath()%>/xtree/images/I.png";
webFXTreeConfig.lIcon = "<%=request.getContextPath()%>/xtree/images/L.png";
webFXTreeConfig.tIcon = "<%=request.getContextPath()%>/xtree/images/T.png";
webFXTreeConfig.blankIcon = "<%=request.getContextPath()%>/xtree/images/blank.png";
var tree = new WebFXTree("XXXX");
tree.add(new WebFXLoadTreeItem("XXXXXX", "http://localhost:8080/servelt/..action"));//树的展开
document.write(tree);
然后去写一个action,里面只不过是构建了一个xml,构建xml的时候是什么插件都没有用,
在action中
response.setContentType("text/xml;charset=UTF-8");
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setDateHeader("Expires", 0);
PrintWriter out = response.getWriter();
然后就是构建xml,弄一个stringBuffer 一个一个的添加就行了,但是一定要设置
<xml>
<test src="跳转的action" action="展现的action" target=“展现action页面出现的位置”>
</test>
</xml>
然后
out.println(这个stringBuffer);
out.flush();
out.close();
这颗树就算构建完了,然后可以直接访问这个页面
简单的就算完事了。
分享到:
相关推荐
xtree java异步加载树demo 环境:myeclipse6.5+jdk1.5+tomcat5.5+oracle10g 下载后解压文件后,运行sql脚本,将工程导入到myeclipse中,修改数据源信息,发布运行访问index.jsp页面即可。 sql脚本漏传了:create ...
它可能包含异步加载数据的功能,比如从服务器获取数据,或者根据用户操作动态添加、删除或更新节点。 2. **xmlextras.js**: 根据文件名推测,这可能包含了额外的XML处理功能。XML是一种常见的数据交换格式,可能...
- **动态加载**:xTree支持异步加载数据,即只有当用户展开某个节点时,才请求并加载其子节点的数据,减少了初始页面的加载时间。 - **多级展开**:可以创建任意深度的多级菜单,用户可以方便地进行层级浏览。 - **...
- `xloadvtree.js`和`xloadtree.js`:这两个文件可能用于动态加载树数据,可能是异步加载子节点,以优化初始页面加载性能,减少数据传输量。 - `xvtree.js`:可能包含xtree的扩展功能或特定版本的实现,例如,可能...
- **异步加载**:对于大型数据集,XTree支持按需异步加载,提高页面性能。 - **自定义样式和图标**:开发者可以定制每个节点的样式和图标,以满足不同的视觉需求。 4. **XTree的使用** - **初始化**:在HTML中...
5. **异步加载**:对于大型数据集,xtree.js 可能会采用分页或懒加载策略,只在需要时才加载子节点,提高用户体验。 6. **扩展性**:可能提供插件系统或API接口,方便开发者扩展其功能,如搜索、排序等。 在实际...
同时,通过异步加载,减少了页面整体的响应时间。 7. **兼容性和适应性**:考虑到不同的浏览器环境,xtree2.0可能已经进行了跨浏览器优化,以确保在主流浏览器中都能正常工作。 8. **可扩展性**:xtree2.0可能提供...
"xloaddemo.htm"和"xloadtreedemo.htm"可能涉及到了XLoadTree,这是一个基于XTREE的扩展,增强了异步加载和数据绑定的能力。"生成的范例html源码1.txt"和"生成的范例html源码0.txt"是实际的HTML源代码示例,开发者...
5. 功能扩展:可能包含一些高级功能,如拖放操作、异步加载数据、搜索和过滤等。 XLoadTree是XTREE的一个可能的扩展或变体,专注于动态加载数据。它可能提供了更优化的解决方案来处理大型数据集,只在需要时加载子...
JavaScript(简称JS)是一种轻量级的解释型编程语言,广泛应用于网页和互联网应用开发。...在实践中,可能会遇到如性能优化、数据同步、异步加载等问题,都需要深入理解和掌握js tree的原理和最佳实践。
3. **异步加载**:对于大数据量的树,XTree支持按需加载子节点,减少初次加载时的性能消耗。 4. **拖拽排序**:允许用户通过拖拽节点来调整其在树中的位置,实现动态重组。 5. **搜索过滤**:提供搜索框,用户输入...
`xtree117`可能支持异步加载数据,通过Ajax请求获取服务器上的节点信息。 8. **可配置性**:组件可能包含多种配置选项,比如是否显示连接线、是否允许多选、节点的展开方式(单击或双击)等,以满足不同场景的需求...
- **异步加载**:对于大数据量的树,XTREE1可以实现按需加载,提高页面性能。 **3. 结构与API** XTREE1组件通常由一个主容器元素(如div)和数据源组成。初始化时,开发者需要指定容器元素的选择器和数据源,数据...
另一方面,`xloadtree`是在`xtree`基础上进行了扩展,增加了异步加载(ajax加载)的能力。这意味着当用户展开一个父节点时,其子节点的数据不会一次性全部加载,而是通过`ajax`请求在需要时从服务器动态获取。这种...
- 动态加载和异步加载:对于大型数据集,Xtree可以分页加载,减轻前端负担。 - 自定义模板:Xtree允许自定义节点的显示模板,可以包含HTML元素和JavaScript代码。 - 复杂的事件系统:提供了丰富的事件接口,如...
在本项目中,xtree被集成到JSP页面中,通过Ajax技术与服务器进行异步通信,动态加载和更新树形数据。 **项目结构与工作流程**: 1. **客户端**:用户在浏览器中访问JSP页面,xtree组件展示初始的树形结构。 2. **...
尽管相对简单,dtree仍然提供了基本的展开/折叠节点、异步加载数据等功能。在压缩包中,你可以看到dtree的实例代码,帮助理解其工作原理和使用方法。 3. **xtree**: xtree则是一款基于Vue.js的树形组件,它充分...
7. **异步加载**:对于大型数据集,可以实现懒加载,只在需要时加载子节点,提高性能。 在实际应用中,开发者可能需要根据项目需求对“xTree”进行扩展,例如集成Ajax来实现异步数据获取,或者添加拖放功能以支持...
`xtree`支持异步加载数据,可以处理大数据集,并且有多种节点样式和交互效果可供选择。此外,`xtree`还支持事件监听,允许开发者在节点操作时执行自定义逻辑。对于需要高度定制和复杂交互的树型菜单,`xtree`是一个...
3. **异步加载**:对于大数据量的树形结构,可以通过异步加载方式,只在需要时加载子节点,减少初次加载的时间,提高性能。 4. **自定义图标**:可以设置节点的展开、收缩图标,以及节点前的复选框样式,增加视觉...