`
天上蝎
  • 浏览: 22157 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类

dtree教程

    博客分类:
  • web
阅读更多

   之前看过很多dtree的教程,但是没怎么解决我得问题,为了实现无限级别的树结构,所有的数据要从数据库中读取。

我的项目是用Struts2 + Hib+spring来开发的,所以用了struts 的s 标签。

 

 

  在取得所有分类的list后,要迭代的放入tree中,实现多级树结构.

<head>
  <title></title>

  <link rel="StyleSheet" href="css/dtree.css" type="text/css" />
  <script type="text/javascript" src="js/dtree.js"></script>

 </head>

 

要载入js,下面js代码就是显示树的过程

<script type="text/javascript">
             tree = new dTree('tree');   
              tree.add("0","-1","系统功能","jsp"," ","_blank"); 
          <s:iterator value="treeList" id="u">           
               tree.add(
                  "<s:property value="id" />","<s:property value="pid" />",
                  "<s:property value="name"/>","treeSearch.action?id="+"<s:property value="id"/>",
                  "","main","","","","");
            </s:iterator>
               
          document.write(tree);    
 
     </script>

由于tree的最顶级分类的父分类是 -1 ,所以我手动的加入了顶级分类,如果忘了写,不会显示树结构的。。

而其他的分类就可以按照其他教程写的顺序来进行。

 如:tree.add("1","0","二级","jsp"," ","_blank");

       tree.add("2","1","二级","jsp"," ","_blank"); 

只能将dtree写在一个独立的页面中,如果通过div等规定它的格式,可能会出现样式混乱的情况,我没解决,只能变相解决,计入iFrame了

分享到:
评论

相关推荐

    dtree的控件及教程

    通过上述的DTree教程,开发者不仅可以掌握DTree的基本使用,还能深入理解如何利用DTree控件解决实际问题,提升用户体验。无论你是前端开发者还是后端开发者,甚至是数据可视化工程师,理解和运用DTree都是必备的技能...

    dtree 在网上搜索的一些关于DTREE的资料

    在《JS组件dtree轻松实现树型菜单.htm》这个文件中,我们可以期待找到如何使用JavaScript(可能是配合HTML和CSS)来构建和操作树型菜单的详细教程。这样的组件对于网站和Web应用程序来说非常有用,因为它可以清晰地...

    dtree读取单选和复选的值

    在IT行业中,数据展示和用户...文件 "dtree(读取单选和复选的值)" 很可能包含了具体的示例代码或者教程,帮助开发者更好地理解和应用这一功能。如果你正在寻找如何在项目中实现类似功能,这个资源将是一个很好的起点。

    dtree树形代码案例

    2. **Dtree Jquery.doc**:这可能是一个包含dtree与jQuery结合使用的文档,可能有详细说明、示例代码或教程。 3. **api.html**:API文档,通常会列出dtree库的所有方法、属性和事件,方便开发者参考和使用。 4. **...

    Dtree+Jquery 资料

    标题 "Dtree+Jquery 资料" 暗示了这个压缩包可能包含关于...总之,这个压缩包“Dtree+Jquery 资料”将为开发者提供一个学习如何使用DTree和jQuery创建交互式树形视图的平台,涵盖了从基本使用到高级特性的全方位教程。

    dtree_JQuery 增加删除修改功能

    本教程将详细讲解如何在 dtree 中添加删除、修改功能,以便提升用户体验。 首先,我们需要了解 dtree 的基本用法。dtree 是通过 jQuery 库来操作 DOM 元素,实现节点的展开、折叠以及节点间的交互。它的核心在于...

    dtree 例子 转载的

    在“codefans.net”这个压缩包文件中,可能包含了实现决策树的代码示例或者相关的教程资源。通常,这样的资源会涵盖如何导入必要的库(如Python中的`sklearn`),定义模型,训练模型,以及如何使用模型进行预测和...

    dtree+鼠标右键

    在提供的压缩包文件中,"dtree+鼠标右键"可能包含一系列教程、示例代码或者练习项目,旨在帮助学习者将决策树的概念与鼠标右键交互结合起来。这可能包括如何使用编程语言(如Python、Java或C#)实现决策树算法,以及...

    dTree学习资料(源码、帮助文档、js文件、用例)

    “帮助文档”通常会提供dTree的API参考、使用教程和示例,是快速上手和解决问题的重要参考资料。它会详细解释如何初始化树结构、添加、删除或修改节点,以及如何自定义样式和行为。通过阅读文档,你可以迅速掌握...

    带checkBox的dtree

    “工具”标签则暗示这可能是对某个特定工具或库的使用教程,可能是为了帮助数据分析人员或开发人员更好地理解和操作决策树。 【压缩包子文件的文件名称列表】:“dtree” 这个文件名“dtree”可能包含了博主实现带...

    Dtree和一个简单的JSP实例

    【Dtree和一个简单的JSP实例】 在信息技术领域,Dtree通常指的是决策树(Decision Tree),这是一种用于分类和回归分析的机器学习模型。...在深入研究时,还需要结合更全面的教程和实际项目实践,以提升理解和技能。

    js树 --dtree

    通过描述中的博文链接(已提供但无法直接访问),我们可以推测作者可能分享了关于如何使用和定制这个树形控件的教程或技术细节。 【标签】"源码"表明这个项目提供了dtree的源代码,意味着用户可以查看、学习甚至...

    JavaScript树型菜单 dtree

    博文链接(https://jeasony.iteye.com/blog/284708)可能提供了关于dtree的使用教程、示例代码和常见问题解答,帮助开发者更好地理解和应用这个工具。 总结来说,JavaScript树型菜单dtree是一个强大的前端组件,...

    DTree checkbox 树状菜单

    虽然没有具体的描述,但通常这类教程会涵盖以下知识点: 1. **DTree基础**:首先,了解DTree的基本概念和功能,包括它的API、事件处理机制以及如何初始化和配置控件。 2. **复选框集成**:DTree checkbox的实现...

    13 EOS6.0 DtreeDemo.zip

    02 EOS示例与教程.chm :02 EOS示例与教程.chm 03 EOS基础开发指南.chm :03 EOS基础开发指南.chm 04 EOS基础参考手册.chm :04 EOS基础参考手册.chm 05 EOS基础构件库参考手册.chm :05 EOS基础构件库参考手册....

    DTree,javascript代码,本人用过VeryGood!

    10. **社区支持与文档**: 使用DTree时,可以参考其官方文档或社区资源,获取更多示例、教程和问题解答,以更好地理解和应用这个库。 总的来说,DTree是一个强大且实用的JavaScript树形控件,它为网页开发提供了方便...

    javascript树型菜单(Dtree和Xtree)

    Xtree的文档通常会包含详细的示例和教程,帮助开发者快速上手。 在实际使用中,你需要根据项目需求来选择Dtree或Xtree。如果你需要一个简单、快速的解决方案,Dtree可能是更好的选择。而如果你的项目需要更复杂的...

    dtree权限控制复选框插件

    在描述中提到的参考示例链接(http://www.jq22.com/jquery-info5331)可能是一个实际的应用实例或者教程,展示了如何将该插件集成到项目中。通过这个链接,开发者可以学习到如何配置和使用dtree插件,以及如何实现...

Global site tag (gtag.js) - Google Analytics