在开发类似"音速启动"的桌面快捷方式管理软件简码"万能助手"的早期规划中,曾经考虑过几种树形框方案:
ztree.js、win标准控件treeview、HTMLayout的树形框、其它js写的树形框
它们各有各的优点,各有各的缺点,经过比较,最终我还是选择了ztree.js，下面是个人比较片面的比较:
1.ztree.js
优点:功能强大,基于jq,可以进行拖拽等操作,可以保存为JSON格式的数据文件,有完整的API示例文档,可以自行修改css文件改变样式等
缺点:因为我的简码"万能助手"是win桌面软件,要放一个浏览框内嵌网页,所以用webkit内核浏览框,而webkit的内核稍大,有十多M,占用的内存稍大,有部分极客用户会嫌大.但在现在动不动四核CPU+8G内存的电脑配置上十几M的软件占十几M的内存基本完全可以不计较.
2.win标准控件treeview
优点:不需要浏览框,直接就是win标准控件,简单轻便
缺点:不好搞拖拽等高级功能,不好搞样式,需要自绘,而这些难以配置给用户自定义
3.HTMLayout的树形框
优点:内核的dll比webkit的dll小,只有1M多,需要耗费很多时间精力去折腾各种效果和填平各种坑,项目工期不允许浪费太多时间在这上面
缺点:国内用HL的人极少,HL的坑也不少,遇到坑没有神队友可以求助
4.其它js写的树形框
试了几款都不太理解,没有ztree的功能这么强大,也没有ztree的API文档这么完善
结合项目的实际情况,以及自身的知识/技术,最终选择了webkit内核浏览框内嵌ztree.js做树形框,并不是别的不好,而是这个方案在这个项目中最合适.
最终效果长这样:
桌面再也不会一大堆图标了,找文件/文件夹再也不会翻半天了,对简码"万能助手"有兴趣的朋友欢迎了解体验~