Dtree目录树的总结
一:函数
1:页面中
tree.add(id,pid,name,url,title,target,icon,iconOpen,open);
参数说明:
id :节点自身的id
pid :节点的父节点的id
name :节点显示在页面上的名称
url :节点的链接地址
title :鼠标放在节点上所出现的提示信息
target :节点链接所打开的目标frame(如框架目标mainFrame或是_blank,_self之类)
icon :节点关闭时的显示图片的路径
iconOpen:节点打开时的显示图片的路径
open :布尔型,节点是否打开(默认为false)
注:open项:顶级节点一般采用true,即pid是-1的节点
2:dtree.js文件中
约87-113行是一些默认图片的路径,注意要指对。
二:页面中的书写
1:默认值的书写规则(从左至右,依次省略)
即 tree.add(id,pid,name,url);后面5个参数可以省略
2:有间隔时的默认值(如存在第6个参数,但第5个参数想用默认值)
即 tree.add(id,pid,name,url,"",target);必须这样写
其他 tree.add(id,pid,name,url,"","","","",true);
3:样式表
(1):可以将dtree.css中的样式附加到你的应用中的主css中,如a.css
(2):也可以同时引用dtree.css与a.css两个文件,但前提条件是两个css文件中不能有重复的样式
<link href="/jingjindatabase/pub/css/a.css" rel="stylesheet" type="text/css" />
<link href="/jingjindatabase/pub/css/dtree.css" rel="stylesheet" type="text/css" />
4:页面代码书写的位置是:一般写在表格的td之中
<script type="text/javascript" src="/myMobanGis/pub/js/dtree.js"></script>
<script type="text/javascript">
tree = new dTree('tree');
tree.add("1","-1","京津","","","","","",true);
tree.add("11","1","A","","","","","",true);
tree.add("110","11","A-1","content.jsp?moduleName=XXX","","mainFrame");
tree.add("111","11","A-2","javascript:void(0)","","链接在哪里显示");
tree.add("112","11","A-3","javascript:void(0)","","mainFrame");
tree.add("113","11","A-4","/.jsp","","mainFrame");
tree.add("114","11","A-5","/.jsp","","mainFrame");
tree.add("115","11","A-6","/.jsp","","mainFrame");
tree.add("12","1","B","","","","","",true);
tree.add("121","12","B-1","javascript:调用本页内的js函数","","mainFrame");
tree.add("122","12","B-2");
tree.add("13","1","C","","","","","",true);
tree.add("131","13","C-1","javascript:void(0)","","mainFrame");
tree.add("132","13","C-2","javascript:void(0)","","mainFrame");
tree.add("133","13","C-3","javascript:void(0)","","mainFrame");
tree.add("14","1","D","","","","","",true);
tree.add("141","14","D-1","javascript:void(0)","","mainFrame");
document.write(tree);
</script>
说明:这是静态的代码,动态的可用循环加入
分享到:
相关推荐
【DTree目录树下载】是针对前端开发人员的一款强大且美观的树形JavaScript代码库,主要用在构建具有层级结构的目录展示。DTree以其高效的功能和优雅的样式设计,深受开发者喜爱,常用于网站导航、文件管理器、组织...
总结来说,"Dtree目录树"是一个用于生成和操作目录树的框架,结合"jquery-treeview"插件,可以在Web环境中提供强大的目录视图和交互功能。理解和掌握这些技术,可以帮助开发者更高效地管理和展示文件系统结构,提升...
总结,dtree(树结构)作为数据结构和机器学习的重要工具,在各种场景下都有其独特的价值。理解并掌握树结构的原理和应用,对于提升编程和数据分析能力至关重要。在Java编程中,利用决策树和数据树,可以有效地解决...
#### Dtree 目录树的总结 ##### 函数 1. **页面中的函数**: - `tree.add(id, pid, name, url, title, target, icon, iconOpen, open)` - **参数说明**: - `id`:节点自身的ID。 - `pid`:节点的父节点ID。 ...
总结来说,dtree是一个方便的Python库,用于可视化`sklearn`中的决策树模型。通过使用这个库,我们可以更直观地理解模型的决策过程,这对于调试、解释和展示模型至关重要。在实际应用中,结合数据预处理、模型训练和...
总结起来,要在SSH框架的JSP页面中使用dtree.js实现树形浏览,你需要整合前端和后端的代码,利用dtree.js的API构建交互式树形结构,并通过Ajax获取和更新数据。这个过程涉及到JavaScript编程、Ajax通信、以及对SSH...
在现代Web开发中,树形结构是常用的数据展示方式之一,特别是在管理后台系统中用来展示组织架构、目录结构等。本文将详细介绍如何在JSP环境中利用Dtree组件实现与数据库的交互,动态生成树形结构。 #### 二、技术...
总结来说,dtree js树形结构库提供了便捷的方法来在网页上构建和操作树形结构,无论是对于初学者还是经验丰富的开发者,都是一个强大且易于使用的工具。通过学习和掌握dtree,你可以更高效地呈现和管理层次化数据,...
1. **Dtree目录树的总结.doc** 这份文档全面概述了dtree的基本概念,它解释了如何通过节点来构建树状结构,并展示了如何用dtree来表示文件系统中的目录和文件。文档可能涵盖了树节点的创建、插入、删除以及遍历等...
总结,`dtree`是一个强大的工具,用于构建和管理树形菜单。通过理解其基本使用步骤,配置数据,以及掌握交互和扩展功能,你可以有效地利用`dtree`在你的项目中创建出富有互动性的、层次分明的导航结构。记得在实际...
总结来说,DTREE是Web开发中用于呈现层次化信息的强大工具,通过合理的数据结构和交互设计,可以让用户更直观地理解和操作复杂的数据集。正确使用DTREE,可以显著提升Web应用的用户体验和功能丰富度。
Dtree是一款JavaScript插件,专为创建这样的树形目录而设计,它结合了实用性与美观性,使得在网页中实现交互式的树状菜单变得简单易行。 **Dtree的基本原理:** Dtree插件基于HTML、CSS和JavaScript构建,通过...
**Dtree:构建优雅的树形结构菜单** 在IT领域,树形结构是一种常见的数据组织方式,它模拟了自然界中的树状层次关系,用于表示具有层级关系的数据。Dtree是专门用于创建美观、多级的树形结构导航菜单的工具,广泛...
dTree.js是一款轻量级的JavaScript库,专门用于在网页中创建交互式的树形结构,如目录树或数据层级展示。这个压缩包包含了dTree.js的实现文件以及相关的API文档和示例,可以帮助开发者快速理解和使用这个库。 首先...
**基于layui的dtree树形组件详解...总结,layui的dtree树形组件以其简洁的API和良好的性能,为开发者提供了便捷的树形数据展示和操作手段。通过深入理解其配置项和API,开发者可以灵活地应用于各类项目,提升用户体验。
总结起来,dtree与jQuery结合,提供了一种高效且灵活的方式来构建动态无限树形菜单,并实现增删改查功能。开发者可以根据项目需求,调整配置选项和扩展功能,打造符合业务逻辑的交互式树形菜单。
`dtree`通常指的是用于展示和操作树形数据结构的一个JavaScript库,它可以帮助开发者在网页上以图形化的方式呈现数据,例如文件系统目录、组织结构图或者决策树等。下面我们将详细讨论`dtree`的相关知识点。 首先,...
【标题】:“jsp动态...总结来说,利用JSP和Access数据库生成目录树,能够实现数据的动态加载和展示,使网页具有更强的交互性和实用性。理解这一过程对于Web开发人员来说是非常有价值的,尤其是在处理层次化数据时。
总结来说,本文讲解了如何将树形菜单dTree与PHP结合,通过封装`generate_dTree()`函数实现动态生成树形菜单。这个过程涉及到PHP的数组处理、HTML生成以及JavaScript库的集成,是Web开发中常见的数据呈现技术。通过...
总结来说,"js 实现的Tree目录树"是一个使用JavaScript编写的动态树形视图,用于展示文件系统的目录结构。这个实现涉及了JavaScript的对象、递归、DOM操作以及事件处理等多个核心概念,是JavaScript开发中常见且实用...