`
hngmduyi
  • 浏览: 335753 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

tree-dtree

阅读更多
tree是我们项目中比较常用的。最近用了下dtree,感觉很好用。下面把自己的使用心得分享下。首先得有一个实体类
public class Role implements Serializable{
    private String id;
    private String fdname;
    private String fdparentid;//父ID
}
然后映射成数据库表,之后录几条数据,写好自己的DAO。下面就看怎么用了。

导入相关JS
<link rel="StyleSheet" href="<%=contextPath%>/resources/dtree/dtree.css" type="text/css" />
<script type="text/javascript" src="<%=contextPath%>/resources/dtree/dtree.js"></script>

//在JSP页面得到TREE的数据
RoleDao roleDao=(RoleDao)SpringContextUtil.getWebApplicationContext(this.getServletContext()).getBean("RoleDao");
	List<Role> list=roleDao.query();	
	for(Role r:list){		
		if(r.getFdparentid()==null){
			r.setFdparentid("-1");
		}
	}

 <div class="box-left" id="d">
      <script type="text/javascript">
			var d=new dTree("d");
			<%for(Role r:list){%>
				  d.add('<%=r.getId()%>','<%=r.getFdparentid()%>','<%=r.getFdname()%>','dtreeuser.jsp?id=<%=r.getId()%>','','mainFrame');
			<% }%>
			document.write(d);
	 </script>
   </div >
   <div style="float:right;width:84%">
     <iframe name="mainFrame" width="100%" height="500px"></iframe>
   </div>
   </div>

dtree的调用比较简单,var d=new dTree("d");d.add(),就行。但是,参数顺序不能错,第一个是ID,第二个是PID,并且,当是根目录的时候,根目录的PID必须是-1,才行的。
0
1
分享到:
评论

相关推荐

    js mtree1.0-table tree-dtree-带复选框checkbox的树形控件

    mtree1.0是基于javascript的树形控件,主要实现了基本树...由于受dtree影响较深,里面的编程思想抹不去dtree的影子,我也希望我的作品如dtree一样简单易用。 希望能给各位带来方便,欢迎拍砖或给我一个更好的改进建议!

    javascript-tree-menu-dTree

    【javascript-tree-menu-dTree】是一种基于JavaScript实现的树形菜单组件,主要用于网页中构建层级结构的导航菜单。这个组件能够帮助用户以清晰、交互性强的方式展示数据的层次关系,广泛应用于网站的侧边栏导航、...

    jsp-dtree-目录树解决树形结构问题

    ### jsp-dtree-目录树解决树形结构问题 #### 概述 JSP-dtree是一种基于JavaServer Pages (JSP)技术实现的目录树组件,用于解决网站或应用程序中的树形结构展示问题。该组件不仅可以帮助开发者快速构建出美观且功能...

    js树 --dtree

    【文件名称】"treeall.htm"很可能是一个包含dtree完整示例的HTML文件,用于展示树形控件的功能和用法。通常这样的文件会包含HTML、CSS以及JavaScript代码,用于呈现页面结构、样式和交互逻辑。开发者可以通过查看这...

    Dtree的用法-Dtree

    例如,`tree.add(1, 0, 'Node')`即可添加一个节点,其他属性将使用默认值。 ### 总结 DTree是一个强大且灵活的JavaScript树形控件,它提供了丰富的API供开发者创建、操作和自定义树结构。了解并熟练掌握DTree的...

    js树形菜单-dtree

    var tree = new dTree('tree'); tree.init(data); ``` 在这个例子中,我们创建了一个包含两个父节点和两个子节点的简单树形菜单。 此外,`dtree`还提供了丰富的API接口,如添加、删除、展开、折叠节点等操作...

    k-dtree matlab

    k-d树(k-dimensional tree)是一种在高维空间中用于数据组织和检索的数据结构,尤其在计算机科学领域,尤其是在机器学习、计算机图形学和地理信息系统中广泛应用。它是一种平衡的多维二叉查找树,能够高效地处理...

    K-dTree:kd树作为Android库的实现

    implementation 'com.github.MarcoCiaramella:K-dTree:1.0.0' } 如何使用 KdTree kdTree = new KdTree ( new Node ( 0 , 0 ), 0 ); kdTree . insert( new Node ( 1 , 2 )); kdTree . insert( new Node ( - 3 , 1 )...

    create_kd_tree.rar_K-DTree_kd tree_one6qg_点云KD_点云去噪

    通过计算方差,确定划分坐标轴,最后,将点云划分到一个个格子中,这样的好处在于可以将噪点和有效点分别存储于不同的格子中,方便进行去噪。

    jstree,dtree的例子

    Java读取xml文件生成树,以及简单的dtree的用法,希望对大家有用

    dTree:一个库,用于可视化具有多个父级的数据树,例如家谱。 建立在D3之上

    Treehouse允许任何人托管dTree图,而无需创建网站或直接与图书馆进行互动。 它从Github的要点中获取数据并以一种不错的格式显示。 所有图表均未列出,因此没有您的Gist ID,其他人都无法查看它们。 签出dTree的演示...

    基于k-d tree的邻域搜索

    k-d树(k-dimensional tree)是一种在高维空间中用于数据索引的数据结构,它能够高效地执行多种操作,如范围查询、最近邻搜索等。在这个压缩包中,包含的三个文件kd_buildtree.m、kd_knn.m和linyu.m分别对应于构建k-...

    k-d tree资料

    ### K-D Tree 知识点概述 #### 一、非正式描述 K-D树(kd-tree,k-dimensional tree)是一种二叉树结构,在该结构中每个节点代表一个k维空间中的点。它通过一系列轴对空间进行划分,将空间分成多个子区域。这种树...

    jsp使用Dtree实现树菜菜单的例子.rar

    jsp使用Dtree实现树菜菜单的例子,一个利用现存的JavaScript代码配合struts构成一个树型菜单的例子。 树型菜单的节点保存在数据库表中,通过数据访问对象将其从数据库中查出后放在一个集合对象中,并将该集合对象...

    很不错的树dtree.rar

    - data-tree.js:这可能是一个与dtree配合使用的数据处理模块,用于处理和格式化数据以适应dtree的展示需求。 这些JavaScript文件表明dtree是一个用于Web开发的库,可能通过HTML和JavaScript来创建和操作树状视图。...

    jspTree 是用dtree+jsp做的

    `jspTree`是一个基于`dtree`和`JSP`技术构建的树形结构组件。在本文中,我们将深入探讨`jspTree`的原理、应用以及如何结合`dtree`和`JSP`来实现这一功能。 首先,我们要理解`dtree`是什么。`dtree`(Directory Tree...

    select树dtree和div实现

    自己写的select树的小例子,,树目录是用dtree实现的,,select标签是用div模拟的,,大家在document.getElementById("divSel").style.height = count + "px";加上"px",可以支持火狐,因为火狐语法很严格,,,想和大家分享练...

    js动态树合集(dtree,dhtmlxtree,drag-drop-tree)

    在给定的压缩包文件中,包含了几种不同的库,如dtree、dhtmlxtree(1.5普通版及1.3专业版)以及drag-drop-tree,这些都是用于实现动态树功能的JavaScript库。接下来,我们将深入探讨这些库及其相关的知识点。 1. ...

    tree demo(dtree+jquery)

    【标题】"tree demo(dtree+jquery)"是一个关于使用DTree和jQuery库创建树状视图的示例集合。在Web开发中,树状视图是一种常见的方式,用于展示层次结构的数据,例如文件系统、组织架构或者导航菜单。这个压缩包提供...

Global site tag (gtag.js) - Google Analytics