dTree JavaScript树形菜单组件

免费开源的 dTree,是老前端都知道的经典 JavaScript 树形菜单组件。结构清晰、用法简单,不管你是要做后台权限菜单,还是文档目录展示,它都能轻松应对。dTree支持多级节点、图标显示控制,还能在一个页面里放多个树形菜单,配置起来也不麻烦。

跨浏览器兼容性挺不错的,从老古董 IE5+Opera、Firefox 都能跑。别小看它,虽然是老项目,但不少管理系统到现在还在用。你只需要引入 dtree.js 和对应的样式,几行代码搞定,响应也挺快。

比如你想显示一个包含子分类的目录树,只需要像下面这样:

var d = new dTree('d');
d.add(0, -1, '根节点');
d.add(1, 0, '子节点 1');
d.add(2, 0, '子节点 2');
d.add(3, 1, '子节点 1-1');
[removed](d);

folderlink、节点图标、连接线、点击展开收起、选中状态……这些常用功能它也都支持。如果你不想自己造轮子,拿来直接用就行。注意保留版权信息就可以免费使用,挺厚道的。

如果你需要参考一些使用案例或者想看别人怎么用的,可以看看这些相关文章:

如果你最近刚好在做一个需要多级菜单结构的项目,dTree绝对值得试试,适合想省事又要稳的场景。

zip 文件大小:14.61KB