`
wqshren
  • 浏览: 24625 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

xtree 的异步加载

阅读更多
其实呢,刚开始打算做的是静态的加载,但是,发现自己后台构建树的时间太长了,所以就放弃了,改成了异步加载,自己也是刚接触,看代码吧,很多都是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

    xtree java异步加载树demo 环境:myeclipse6.5+jdk1.5+tomcat5.5+oracle10g 下载后解压文件后,运行sql脚本,将工程导入到myeclipse中,修改数据源信息,发布运行访问index.jsp页面即可。 sql脚本漏传了:create ...

    xtree1.1和例子

    它可能包含异步加载数据的功能,比如从服务器获取数据,或者根据用户操作动态添加、删除或更新节点。 2. **xmlextras.js**: 根据文件名推测,这可能包含了额外的XML处理功能。XML是一种常见的数据交换格式,可能...

    xTree

    - **动态加载**:xTree支持异步加载数据,即只有当用户展开某个节点时,才请求并加载其子节点的数据,减少了初始页面的加载时间。 - **多级展开**:可以创建任意深度的多级菜单,用户可以方便地进行层级浏览。 - **...

    扩展xtree选择树

    - `xloadvtree.js`和`xloadtree.js`:这两个文件可能用于动态加载树数据,可能是异步加载子节点,以优化初始页面加载性能,减少数据传输量。 - `xvtree.js`:可能包含xtree的扩展功能或特定版本的实现,例如,可能...

    XTree生成树状菜单

    - **异步加载**:对于大型数据集,XTree支持按需异步加载,提高页面性能。 - **自定义样式和图标**:开发者可以定制每个节点的样式和图标,以满足不同的视觉需求。 4. **XTree的使用** - **初始化**:在HTML中...

    xtree demo

    5. **异步加载**:对于大型数据集,xtree.js 可能会采用分页或懒加载策略,只在需要时才加载子节点,提高用户体验。 6. **扩展性**:可能提供插件系统或API接口,方便开发者扩展其功能,如搜索、排序等。 在实际...

    新版动态加载树形目录源码及详细说明xtree2.0

    同时,通过异步加载,减少了页面整体的响应时间。 7. **兼容性和适应性**:考虑到不同的浏览器环境,xtree2.0可能已经进行了跨浏览器优化,以确保在主流浏览器中都能正常工作。 8. **可扩展性**:xtree2.0可能提供...

    _2010.05.30_xtree3 + xtree117 刘涛改进版.最好的树菜单,firefox下正常_终极推荐ok.7z

    "xloaddemo.htm"和"xloadtreedemo.htm"可能涉及到了XLoadTree,这是一个基于XTREE的扩展,增强了异步加载和数据绑定的能力。"生成的范例html源码1.txt"和"生成的范例html源码0.txt"是实际的HTML源代码示例,开发者...

    xtree,xloadtree所需js,css,images文件和实例

    5. 功能扩展:可能包含一些高级功能,如拖放操作、异步加载数据、搜索和过滤等。 XLoadTree是XTREE的一个可能的扩展或变体,专注于动态加载数据。它可能提供了更优化的解决方案来处理大型数据集,只在需要时加载子...

    js树形xtree117

    JavaScript(简称JS)是一种轻量级的解释型编程语言,广泛应用于网页和互联网应用开发。...在实践中,可能会遇到如性能优化、数据同步、异步加载等问题,都需要深入理解和掌握js tree的原理和最佳实践。

    javascript 树形控件xtree

    3. **异步加载**:对于大数据量的树,XTree支持按需加载子节点,减少初次加载时的性能消耗。 4. **拖拽排序**:允许用户通过拖拽节点来调整其在树中的位置,实现动态重组。 5. **搜索过滤**:提供搜索框,用户输入...

    用js编写的xtree117组件

    `xtree117`可能支持异步加载数据,通过Ajax请求获取服务器上的节点信息。 8. **可配置性**:组件可能包含多种配置选项,比如是否显示连接线、是否允许多选、节点的展开方式(单击或双击)等,以满足不同场景的需求...

    用js写的tree组件xtree1

    - **异步加载**:对于大数据量的树,XTREE1可以实现按需加载,提高页面性能。 **3. 结构与API** XTREE1组件通常由一个主容器元素(如div)和数据源组成。初始化时,开发者需要指定容器元素的选择器和数据源,数据...

    xtree+checkbox+radio,xloadtree+checkbox+radio

    另一方面,`xloadtree`是在`xtree`基础上进行了扩展,增加了异步加载(ajax加载)的能力。这意味着当用户展开一个父节点时,其子节点的数据不会一次性全部加载,而是通过`ajax`请求在需要时从服务器动态获取。这种...

    javascript树型菜单(Dtree和Xtree)

    - 动态加载和异步加载:对于大型数据集,Xtree可以分页加载,减轻前端负担。 - 自定义模板:Xtree允许自定义节点的显示模板,可以包含HTML元素和JavaScript代码。 - 复杂的事件系统:提供了丰富的事件接口,如...

    xtree一个完整项目

    在本项目中,xtree被集成到JSP页面中,通过Ajax技术与服务器进行异步通信,动态加载和更新树形数据。 **项目结构与工作流程**: 1. **客户端**:用户在浏览器中访问JSP页面,xtree组件展示初始的树形结构。 2. **...

    zTree+dtree+xtree

    尽管相对简单,dtree仍然提供了基本的展开/折叠节点、异步加载数据等功能。在压缩包中,你可以看到dtree的实例代码,帮助理解其工作原理和使用方法。 3. **xtree**: xtree则是一款基于Vue.js的树形组件,它充分...

    xTree树形 (javaScript实例)

    7. **异步加载**:对于大型数据集,可以实现懒加载,只在需要时加载子节点,提高性能。 在实际应用中,开发者可能需要根据项目需求对“xTree”进行扩展,例如集成Ajax来实现异步数据获取,或者添加拖放功能以支持...

    dtree、xtree和jquery-treeview构建树型菜单

    `xtree`支持异步加载数据,可以处理大数据集,并且有多种节点样式和交互效果可供选择。此外,`xtree`还支持事件监听,允许开发者在节点操作时执行自定义逻辑。对于需要高度定制和复杂交互的树型菜单,`xtree`是一个...

    LayUI树形下拉多选选择器扩展包

    3. **异步加载**:对于大数据量的树形结构,可以通过异步加载方式,只在需要时加载子节点,减少初次加载的时间,提高性能。 4. **自定义图标**:可以设置节点的展开、收缩图标,以及节点前的复选框样式,增加视觉...

Global site tag (gtag.js) - Google Analytics