从js的dtree说起

最新推荐文章于 2024-09-22 11:17:00 发布
最新推荐文章于 2024-09-22 11:17:00 发布
阅读量1k 收藏
点赞数
分类专栏： Javascript 文章标签： javascript 文档 api
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huabingl/article/details/2088745
版权

从js的dtree说起 

说dtree是使用最广泛的目录树javascript应该也不为过.这得意于他简单的使用方式和良好的结构.

可能这里是他最早的发源地之一http://www.destroydrop.com/javascripts/tree/

上面有他的示例和api文档.

dtree使用简单，使用起来就是引入一个dtree.js，dtree.css和一些小图片文件。.在需要显示树的地方，插入类似下面的代码

可以参照这里做些配置,观看效果.可选的选项有folderLinks, useIcons, useLines, useSelection, useStatusText, closeSameLevel

http://www.destroydrop.com/javascripts/tree/example/ 

你可以放置radio或者checkbox在相应的节点上,或者在节点上加上链接.

huabingl
关注
专栏目录
强大的Js树型控件Dtree使用详解
weixin_33976072的博客
01-15 1072
http://www.lmwlove.com/ac/ID868 在学习文章之前，要学会看官方网站http://destroydrop.com/javascripts/tree。从官方页面你能知道：dtree是什么、它的特性、它的源代码、它的帮助文档以及它的版本历史等等 常用方法add(parameters)：添加节点信息 Index Name Type Discriptio...
js之dtree
xclsky的博客
01-26 1961
1 dtree是一款开源的树形的js。用于输出树形菜单。主要是这两个文件：dtree.js和dtree.css 2 现在jsp中引入css和js。 如：css/dtree.css"/> js/dtree.js"> 这里注意：dtree的所需的img的文件，都在WebRoot下建立一个img文件夹。然后将dtree的图片文件都放在这里。因为系统会默认调用WebRoot下的im
dtree.js
10-26
需要用到的内容dtree.js
dtree树型控件(纯js)
07-15
dtree是一个由JavaScript编写成的简单的树形菜单组件，目前免费并且开源。dtree 　　目前有很多的树形菜单组件(比如ext)，dtree是一种简单易懂的js组件，不需要复杂的操作即可生产，同时支持动态从数据库引入数据。 　　dTree可以不用添加任何页面而直接用代码实现多个栏目，并可以实现无限分级，下面是官方介绍的优点： 　　- Unlimited number of levels(无限分级) 　　- Can be used with or without frames(可用于框架或非框架页面) 　　- Remembers the state of the tree between pages(在不同页面之间可记住当前状态) 　　- Possible to have as many trees as you like on a page(可以得到你想要数量的树型) 　　- All major browsers suported(支持的浏览器) 　　Internet Explorer 5+ Netscape 6+ Opera 7+ Mozilla 　　- Generates XHTML 1.0 strict validated output(严格支持XHTML 1.0) 　　- Alternative images for each node(每个节点用图片代替) [编辑本段]创建dtree 　　1)从官网上下载dtree的源文件压缩包“dtree.zip”，包内包含以下几个文件： 　　img文件夹： 包含树形菜单显示需要的图标 　　api.html ： 作者写的dtree帮助文档 　　dtree.css： 树形菜单的样式 　　dtree.js ： js核心文件，代码都在其中 　　example01.html：树形菜单实例 　　2)将压缩包内的文件拷贝到项目webroot下(example01.html可以不拷贝) 　　3)新建一个web文件(*.html、*.jsp...都可以)，首先引入css和js文件： 　　<link rel="StyleSheet" href="dtree.css" type="text/css" /> 　　<script type="text/javascript" src="dtree.js"></script> 　　然后在<body>里创建一个div层，指定class为“dtree”，此时该层就引用了dtree的样式 　　<div class="dtree"> 　　<script type="text/javascript"> 　　tree = new dTree('tree'); 　　...... 　　</script> 　　</div> 　　注：具体代码可以参照example01.html 　　4)最后保存执行即可看到一个树形菜单。
dtree所需要的dtree.css和dtree.js文件（包括图标）
11-22
`dtree.js`则是JavaScript源代码文件，实现了dtree的核心功能。它包括了节点的创建、操作、事件处理等逻辑，使得可以通过JavaScript动态地加载、操作和交互树形数据。开发者需要对JavaScript有一定的理解，才能有效...
dTree.js下载+API文档.rar
09-13
dTree.js是一款轻量级的JavaScript库，专门用于在网页中创建交互式的树形结构，如目录树或数据层级展示。这个压缩包包含了dTree.js的实现文件以及相关的API文档和示例，可以帮助开发者快速理解和使用这个库。 首先...
JavaScript Dtree 最经典的JS目录树
08-30
JavaScript DTree是一种基于JavaScript实现的目录树控件，它在Web应用中被广泛用于展示层次结构数据，如文件系统、组织结构或者网站导航。DTree以其简洁高效、可定制化的特点，深受开发者喜爱。在这个话题中，我们将...
dtree-latest.rar_dtree_node js
09-22
《dtree-latest.rar_dtree_node js：深入解析dtree树形菜单的增强与JavaScript事件应用》 在网页开发中，树形菜单是一种常见的数据展示形式，尤其在组织结构、文件目录、层级关系等场景中广泛应用。dtree是一款用于...
dtree 网页树状菜单及传递对象集合到js内，动态生成节点
10-28
标题“dtree 网页树状菜单及传递对象集合到js内，动态生成节点”指出了网页开发中使用dtree组件来实现树状菜单，并涉及了如何将后端传递的对象集合传入JavaScript中动态生成树状菜单节点的技术需求。在描述中提到...
DTree(最好用的JS写成的树形菜单控件.内含API)
11-15
DTree(最好用的JS写成的树形菜单控件.内含API)
可以实现大量数据节点的dTree.js
10-10
可以实现大量数据节点的dTree.js，希望可以对大家有帮助。
dtree.js详解
weixin_33841722的博客
08-15 552
最近在做网页的时候用到了这个组件，以下是网上找到的资料，备用参考：大概是最早的dtree连接，这里有他的示例和api文档.http://www.destroydrop.com/javascripts/tree/说dtree是使用最广泛的目录树javascript应该也不为过.这得意于他简单的使用方式和良好的结构.// Node objectfunction Node(id, ...
java dtree_强大的Js树型控件Dtree使用详解
weixin_34535286的博客
03-06 369
在学习文章之前，要学会看官方网站http://destroydrop.com/javascripts/tree。从官方页面你能知道：dtree是什么、它的特性、它的源代码、它的帮助文档以及它的版本历史等等常用方法add(parameters)：添加节点信息IndexNameTypeDiscription1idNumber当前节点的ID2preIdNumber当前节点的父节点ID,根节点的值为 -1...
dtree简介
u013733643的博客
01-18 724
dtree简介
dtree.js下拉树控件
weixin_51099105的博客
08-24 581
iconOpen String 用做节点打开的图标,节点没有指定图标时使用默认值。icon String 用做节点的图标,节点没有指定图标时使用默认值。pid Number 判定父节点的数字,根节点的值为 -1。target String 节点的target。open Boolean 判断节点是否打开。title String 节点的Title。name String 节点的文本标签。url String 节点的Url。id Number 唯一的id。
js Tree - 树形菜单插件
coderidea
10-26 195
      js Tree - 树形菜单       1)DTree是 JQuery 著名树形插件Dynatree的包装类，增加右键菜单，添加、删除、更新接口。   主页: http://www.boarsoft.com/cn/javascript/dtree/             2)jquery treeList widget ...
dtree和jquery构建树型结构
幸福的使者
09-21 942
对于小型的树型应用来说，dtree是一个不错的选择。 先看一眼dtree给的例子 构造静态树 首先引入css文件和js文件 1 2 <link rel="StyleSheet" href="dtree.css" type="text/css" />     <script type="
计算机毕业设计之：基于微信小程序的诗词智能学习系统（源码+文档+解答）
最新发布
程序员阿龙的博客
09-22 3242
博主介绍： ✌我是阿龙，一名专注于Java技术领域的程序员，全网拥有10W+粉丝。作为CSDN特邀作者、博客专家、新星计划导师，我在计算机毕业设计开发方面积累了丰富的经验。同时，我也是掘金、华为云、阿里云、InfoQ等平台的优质作者。通过长期分享和实战指导，我致力于帮助更多学生完成毕业项目和技术提升。 技术范围： 我熟悉的技术领域涵盖SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等方
JavaScript dTree 实现与应用详解
<script type="text/javascript" src="dtree.js"> ``` 然后，在部分创建一个div元素，指定class为"dtree"，作为树的容器： ```html <div class="dtree"> <script type="text/javascript"> tree = new dTree('tree'...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值