如何使用dTree

如想使用按此修改即可,前提是 下载dTree 03版本
在webroot下放js css文件

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>erp</title>
<!-- 引文件 生成树所需的文件 -->
<link rel="StyleSheet" href="${pageContext.request.contextPath}/js/dtree/dtree.css" type="text/css" />
<!-- 引文件 生成树所需的文件 -->
<script type="text/javascript" src="${pageContext.request.contextPath}/js/dtree/dtree.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div class="dtree">
<p><a href="javascript: d.openAll();">打开全部</a> | <a href="javascript: d.closeAll();">关闭全部</a></p>

<script type="text/javascript">
d = new dTree('d');

//根节点 父节点为-1 name系统控制
d.add(0,-1,'系统控制');


//第二级
d.add(1,0,'组织机构');

d.add(2,0,'授权管理');


//第三级 url title 调至XXFrame显示
d.add(3,1,'机构维护','${pageContext.request.contextPath}/org/main.action','机构维护','rightFrame');
d.add(4,1,'员工维护','${pageContext.request.contextPath}/emp/main.action');

//第三级

d.add(5,2,'资源管理','${pageContext.request.contextPath}/');
d.add(6,2,'角色管理','${pageContext.request.contextPath}/');
d.add(7,2,'用户维护','${pageContext.request.contextPath}/');





document.write(d);


</script>

</div>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Layui的dtree模块是一个基于JavaScript的树形菜单插件,用于**展示具有层级关系的数据结构**。要得到dtree的数据,你需要了解它的数据格式和加载方式。以下是具体的步骤: 1. **下载dtree插件**:首先,你需要从官方网站或其他资源下载dtree插件,并将其引入到你的项目中。 2. **数据格式**:dtree支持两种主要的数据格式,分别是父子节点结构和list结构。 - **父子节点结构**:这种格式要求JSON数据中必须存在`children`属性,该属性包含了子节点的信息。每个节点通常包含`title`(节点标题)和`icon`(节点图标)等属性。 - **list结构**:在这种格式中,数据是一个list数组,每个元素通过`parentId`属性来标识其父节点,从而自动进行层级分类。 3. **渲染树结构**:使用`dtree.render`方法将数据渲染到指定的HTML元素上。例如: ```javascript dtree.render({ elem: "#dataTree1", // 指定树结构渲染的容器 url: "../../../json/case/dataTree.json" // 指定数据源的URL }); ``` 4. **事件监听**:你可以为dtree添加事件监听,以便在用户与树结构交互时执行特定的操作。例如,监听节点的点击事件或双击事件。 5. **带有复选框的Dtree**:如果你需要使用带有复选框的树结构,可以在初始化dtree时设置相应的参数。 通过上述步骤,你可以成功地获取和使用dtree的数据。如果需要进一步的帮助或示例代码,可以参考dtree的官方文档或相关的开发教程。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值