`

简洁的树形 -- dTree

阅读更多

dtree是一个由JavaScript编写成的简单的树形菜单组件,

目前免费并且开源。目前有很多的树形菜单组件(比如ext),

dtree是一种简单易懂的js组件,不需要复杂的操作即可生产,

同时支持动态从数据库引入数据。

 官网:http://www.destroydrop.com/javascripts/tree/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<title>Example of dTree</title>
	<link rel="StyleSheet" href="dtree.css" type="text/css" />
	<script type="text/javascript" src="dtree.js"></script>
</head>
<body>
<h2>Example of dTree</h2>
<div class="dtree">
	<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>
	<script type="text/javascript">
		<!--
		d = new dTree('d');
		d.add(0,-1,'My example tree');
		d.add(1,0,'Node 1','example01.html');
		d.add(2,0,'Node 2','example01.html');
		d.add(3,1,'Node 1.1','example01.html');
		d.add(4,0,'Node 3','example01.html');
		d.add(5,3,'Node 1.1.1','example01.html');
		d.add(6,5,'Node 1.1.1.1','example01.html');
		d.add(7,0,'Node 4','example01.html');
		d.add(8,1,'Node 1.2','example01.html');
		d.add(9,0,'My Pictures','example01.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
		d.add(10,9,'The trip to Iceland','example01.html','Pictures of Gullfoss and Geysir');
		d.add(11,9,'Mom\'s birthday','example01.html');
		d.add(12,0,'Recycle Bin','example01.html','','','img/trash.gif');
		document.write(d);
		//-->
	</script>
</div>
</body>
</html>

 

  • 大小: 7.4 KB
分享到:
评论

相关推荐

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

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

    js树 --dtree

    【标题】"js树 --dtree" 描述的是一个基于JavaScript实现的可拖拽并具有右键菜单功能的树形控件。这个控件可能是为了方便开发者在网页中创建交互式的树状数据结构,比如用于文件系统导航、组织结构展示等场景。通过...

    dtree树形菜单(有带checkbox实现)

    本工程使用dTree组件实现树形菜单的展示 有静态树形菜单和动态(从数据库获取数据)树形菜单展示两种 数据库连接采用简单的类实现 数据位MySQL(5.0.21),数据库创建脚本为dtree.sql 菜单既有普通的树结构展示,也有...

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

    mtree1.0是基于javascript的树形控件,主要实现了基本树形控件和树形表格功能,可以使用复选框(checkbox)。 代码简洁,调用方法简单,容易上手。 由于受dtree影响较深,里面的编程思想抹不去dtree的影子,我也希望我...

    layui dtree树形结构

    在提供的文件列表中,`dtree-demo`可能是一个包含示例代码的文件或目录,用于演示如何使用layui dtree。而`dtree`可能是dtree的源码或资源文件。通过查看这些文件,你可以更深入地理解dtree的工作原理和实际应用。 ...

    js树形菜单-dtree

    `dtree`是一个专门用于创建JavaScript树形菜单的库,它的特点是易于定制和调用,使得开发者可以快速地实现自定义的树状导航结构。 首先,`dtree`的核心功能是构建可交互的树形结构。通过这个库,你可以轻松地将JSON...

    JSP DTree树实例-Access数据库.rar

    JSP DTree树形菜单实例,配套为Access数据库,WebRoot内为JSP主文件,dtree类库和CSS样式表文件都在该目录的对应目录中,在JSP中实现树形菜单,dtree是比较方便的,希望这个dtree在JSp中的应用例子,能够让更多的人...

    jsp树形菜单 dtree tree 树形菜单

    在这个“jsp树形菜单 dtree tree 树形菜单”的项目中,我们将探讨如何利用JSP、dtree库以及可能的Struts框架来创建一个动态的树形菜单。 首先,JSP(JavaServer Pages)是一种基于Java的技术,用于创建动态Web内容...

    树形菜单dtree

    在IT领域,树形菜单(dtree)是一种常见的用户界面元素,它以树状结构来组织数据,便于用户浏览和操作。这种结构模仿了自然界中的树,其中根节点位于顶部,子节点则按照层次关系向下扩展。在本篇文章中,我们将深入...

    dTree 生成无限级树形菜单

    `dTree` 是一个JavaScript对象,专用于构建无限级的树形菜单。本篇文章将深入探讨如何利用`dTree`来生成动态的树形菜单,并结合后台Action中的List数据进行操作。 首先,我们需要理解`dTree`的基本概念。`dTree`是...

    dtree树形代码案例

    标题中的“dtree树形代码案例”指的是使用dtree库创建树形结构的代码示例。dtree通常是一个JavaScript库,特别与jQuery结合使用,用于在网页上展示层次化的数据,如目录结构、组织架构或者导航菜单等。这种树形结构...

    树形控件 dtree

    【dtree:JavaScript实现的简单树...总的来说,`dtree`作为一个简洁易用的JavaScript树形控件,为网页开发提供了便利。通过理解其基本原理和API,开发者能够快速地在项目中集成和定制,以满足各种复杂的树形菜单需求。

    树形菜单 -- 如何调用dtree里的函数来写树形菜单

    如何调用dtree里的函数来写树形菜单,最近自己也在写树形菜单,发现这个dtree挺好,推荐下大家如果项目当中使用了树形菜单的话,那么这个就是其中的一个选择。

    tq-dtree-增加删除修改节点功能

    tqdtree-增加删除修改节点功能 dtree删除 dtree修改 dtree删除节点 dtree删除功能 dtree修改节点 dtree修改功能。...原有的建立树形菜单非常好用, 不过缺少修改节点 和删除节点的功能,本人增加这两个功能,共同学习。

    dtree、JavaScript编写成的简单的树形菜单组件

    dtree是一个由JavaScript编写成的简单的树形菜单组件,目前免费并且开源。 dtree 目前有很多的树形菜单组件(比如ext),dtree是一种简单易懂的js组件,不需要复杂的操作即可生产,同时支持动态从数据库引入数据。 ...

    Dtree树形结构菜单

    **Dtree:构建优雅的树形结构菜单** 在IT领域,树形结构是一种常见的数据组织方式,它模拟了自然界中的树状层次关系,用于表示具有层级关系的数据。Dtree是专门用于创建美观、多级的树形结构导航菜单的工具,广泛...

    jquery整合dtree 动态加载树形结构,提高效率

    动态加载树形结构, 本人这段时间正巧要做一个省市县的树状结构图,公司之前用的dtree实现起来效率太低,半天打不开页面,于是考虑用jquery动态加载,通过网上查资料,学习别人的列子,现将本人所整理的树状结构...

    dtree js树形菜单 你懂的

    总结来说,`dtree`作为一个JavaScript树形菜单组件,以其简洁的API和良好的兼容性,为开发者提供了构建高效、交互性强的树形菜单的工具。无论你是新手还是经验丰富的开发者,都能快速上手并根据项目需求进行定制,...

Global site tag (gtag.js) - Google Analytics