<script type="text/javascript">
var deptTree = new dTree('deptTree','<%=request.getContextPath()%>/js/dtree/images/system/dept/');
deptTree.config.folderLinks=false;
deptTree.config.useCookies=true;
deptTree.config.check=true;
var url;
var mobile;
var sexId;
var currid = '${param.deptId}';
if(currid == ''){
currid=0;
}
deptTree.add(0,-1,'全部','','','','<%=request.getContextPath()%>/js/dtree/images/system/dept/folder.gif','<%=request.getContextPath()%>/js/dtree/images/system/dept/folder.gif');
<%
Iterator iter = employeeList.iterator();
while(iter.hasNext()){
Employee emp = (Employee)iter.next();
%>
mobile = <%=emp.getMobile()%>;
sexId = <%=emp.getSex()%>;
if(sexId == 0){
deptTree.add(<%=emp.getId()+1000%>,<%=emp.getDeptId()%>,'<%=emp.getName()%>',"",'<%=emp.getMobile()%>','<%=request.getContextPath()%>/js/dtree/images/system/dept/page.gif','<%=request.getContextPath()%>/js/dtree/images/system/dept/page.gif');
}else{
deptTree.add(<%=emp.getId()+1000%>,<%=emp.getDeptId()%>,'<%=emp.getName()%>',"",'<%=emp.getMobile()%>','<%=request.getContextPath()%>/images/icon/user.gif','<%=request.getContextPath()%>/images/icon/user.gif');
}
<%
}
Department[] depArr=new Department[departmentList.size()] ;
departmentList.toArray(depArr);
iter = departmentList.iterator();
int masLft=0;
int pid=0;
while(iter.hasNext()){
pid=0;
Department dept = (Department)iter.next();
masLft=0;
for (int i=0;i<depArr.length;i++){
if (masLft<depArr[i].getLft()&& depArr[i].getLft()< dept.getLft() && depArr[i].getRgt()>dept.getRgt()){
masLft=depArr[i].getLft();
pid=depArr[i].getId();
}
}
%>
deptTree.add(<%=dept.getId()%>,<%=pid%>,'<%=dept.getName()%>',"",'','<%=request.getContextPath()%>/js/dtree/images/system/dept/folder.gif','<%=request.getContextPath()%>/js/dtree/images/system/dept/folder.gif');
<%
}
%>
</script>
<tr>
<td style="padding-top:0px;padding-left:6px;padding-right:6px;padding-bottom:8px;">
<DIV><b>您的组织列表</b></DIV>
<div style="-moz-user-select: none; height: 400px; width: 200px; overflow:auto;">
<script>
document.write(deptTree);
</script>
</div>
</tr>
分享到:
相关推荐
2. **异步加载树节点**:当用户展开一个节点时,使用Ajax发送请求到服务器,获取该节点的子节点数据,然后使用dtree提供的API将新数据插入到现有树中。 3. **优化策略**:通常,初始加载只展示顶级节点,其余节点按...
【dtree+jquery动态生成树】是一个用于创建交互式树形结构的JavaScript库,结合了jQuery框架的强大功能,使得在网页上动态展示层次结构数据变得简单。本实例着重于实现菜单树的生成,这对于构建多级导航系统尤其有用...
- dTree是一个流行的JavaScript库,用于创建交互式的树形视图。它允许用户通过点击、展开和折叠节点来探索层次数据。 - dTree可以通过HTML、CSS和JavaScript进行自定义配置,以适应不同的设计需求。 - 实现dtree...
`dTree`是一个基于JavaScript的开源库,它提供了一种简单的方式来创建交互式的、可折叠的树形结构。这个库不仅支持静态数据的展示,还能处理动态加载的数据,尤其适合处理从服务器获取的无限层级的数据。 在生成树...
在这个场景中,我们看到的"layui dtree树形结构"指的是在用户点击一个文本框时,会弹出一个下拉框,下拉框内显示的是一个层次分明的树形结构。这种设计可以方便用户从多个选项中选择一个或多个层级相关的项目。 ...
首先,dtree是一个JavaScript库,专为构建可交互的、动态的树形菜单设计。它允许开发者根据用户的权限动态生成菜单结构,这在权限控制严格的系统中非常有用。例如,在一个企业管理后台,不同角色的用户可能只能看到...
dTree是一个纯JavaScript实现的树形控件,它可以无需依赖任何其他库独立工作,但与jQuery结合使用时,可以更好地利用jQuery提供的DOM操作、事件处理和动画效果。dTree提供了创建、遍历和操作树形结构的API,允许...
DTree是一个基于JavaScript的树形插件,而JQuery是一个广泛使用的JavaScript库,两者结合可以简化前端开发工作,使树结构的创建更加高效和灵活。 首先,DTree的核心功能是动态生成树状结构,它能够帮助开发者以交互...
总结来说,DTree是一个强大的前端树形控件,提供了丰富的API和可定制的样式,能够帮助开发者构建出功能完备且视觉效果出色的目录树。通过深入理解和运用`dtree.css`、`api.html`、`example01.html`和`dtree.js`,...
dtree是jQuery的一个插件,用于创建可交互的树形结构,使用户能够方便地浏览和操作层次数据。 以下将详细讲解如何使用jQuery的dtree插件创建动态生成树,并基于描述中提到的8种实例进行深入解析: 1. **基本实例**...
JSP-dtree是一种基于JavaServer Pages (JSP)技术实现的目录树组件,用于解决网站或应用程序中的树形结构展示问题。该组件不仅可以帮助开发者快速构建出美观且功能强大的目录树,还能有效地管理和展示具有层次关系的...
总之,Dtree动态树菜单是一个强大的工具,它使得在Web应用中构建和管理复杂的层次结构变得简单易行。通过对Dtree的理解和运用,开发者可以为用户提供直观且高效的导航体验,同时实现灵活的权限控制。
本人这段时间正巧要做一个省市县的树状结构图,公司之前用的dtree实现起来效率太低,半天打不开页面,于是考虑用jquery动态加载,通过网上查资料,学习别人的列子,现将本人所整理的树状结构实例上传。测试数据库为...
首先,jQuery dTree是一个轻量级的插件,它基于流行的jQuery库,使得在网页上创建可折叠的树状结构变得简单。它的主要优点是易于使用、灵活性高,以及与各种浏览器的兼容性良好。在无限树形菜单的场景中,dTree能够...
4. **节点渲染**:DTree的每个节点通常由HTML元素(如`<li>`和`<span>`)组成,其中包含一个复选框元素(`<input type="checkbox">`)用于表示可选状态。通过CSS定义样式,可以定制节点的外观。 5. **事件处理**:...
`dtree`是一个专为此目的设计的轻量级JavaScript组件,它提供了一个交互式的、可扩展的树形菜单解决方案。由于其免费且开源的特性,`dtree`受到了许多开发者的欢迎,允许他们自定义样式和功能以适应不同的项目需求。...
`dtree.js` 是一个专门用于在JavaScript环境中创建和管理树形数据结构的库。它提供了丰富的功能,使开发者能够方便地在Web页面上展示层次化的数据,常用于构建导航菜单、组织结构图或者文件系统目录等场景。`dtree....
目录树(Directory Tree)的概念源自于计算机科学,它是一种数据结构,模仿了自然界中的树形结构,每个节点代表一个目录或文件,而节点间的连接则表示它们之间的父子关系。在"dtree 部门与人员目录树"中,根节点通常...
通过构建一棵树状模型,每个内部节点表示一个特征测试,每个分支代表一个测试输出,而每个叶子节点则代表一个类别决策。 1.2 构建过程:决策树的构建通常包括两个主要步骤——分割(splitting)和剪枝(pruning)。...
- **HTML结构**:设置一个容器元素,如`<ul>`,DTree会将其转换为树结构。 - **初始化DTree**:使用jQuery选择器找到容器元素,调用DTree的初始化方法,并传递JSON数据和配置选项。 - **事件绑定**:通过jQuery的...