dtree JavaScript树状菜单组件
无限层级的菜单结构、轻量级设计、支持 JSON 数据绑定——dtree组件可以说是前端做树形菜单时的一个“万金油”。
JavaScript 的 dtree 树状菜单，是一个蛮实用的开源工具。你要做组织架构、文件管理，或者后台权限配置，这个组件都挺合适的。想加几层子菜单？随便加，无限级不是说说而已。
轻量、交互性好是它的亮点。点击展开、收起，响应也快；悬停、选中这些常规交互也都支持，事件还能自定义，开发起来灵活度高。想绑定数据？直接扔个 JSON 对象进去，分分钟生成一棵菜单树。
样式这块也没被忽略，支持自定义 CSS，你可以改成左侧收缩导航、树形分类页，或者像 Windows 资源管理器那样也行。配合点position: absolute之类的布局属性，效果马上就有了。
技术细节也不复杂：addEventListener监听事件，递归函数层级结构，document.createElement动态生成 DOM。这些都是前端的老朋友了，对你来说应该都不陌生。
用法也简单：
1. 引入dtree.js和对应的dtree.css文件
2. 准备一份 JSON 格式的数据
3. 初始化并绑定到你想挂载的 DOM 元素上，比如$('#tree')
4. 设置一些基础配置，如默认展开层级、图标样式、点击回调等
哦对了，想看看更丰富的例子或者相关资源，可以顺手翻翻这些：
jQuery 无限级树状菜单.zip、Javascript 树状菜单、双无限级树状菜单，图标展示且单一展开。里面代码结构清晰，参考价值蛮高。
如果你正好在做后台管理、目录分类这种需求，dtree确实值得一试。轻便好用，上手快，配合你熟悉的 JavaScript 技能，用起来顺手。
文件大小：17.8KB
评论区