JavaScript如何使用dhtmlXTreeObject的loadJSONObject绘制目录树
1,引入dhtmlXTreeObject的css和js文件
注意: js的引用顺序很关键!!!
2,创建一棵目录树
2.1,let tree = new dhtmlXTreeObject(id-dhtmltree-0
, “100%”, “100%”, 0);
2.2,设置图片根目录(后续使用到的图片都是相对于该目录的)
tree.setImagePath("/common/dhtmlxTree/imgs/");
3,代码
let tree = new dhtmlXTreeObject(`id-dhtmltree-${this.groupId}`, "100%", "100%", 0); tree.setImagePath("/common/dhtmlxTree/imgs/"); //tree.enableCheckBoxes(1); let jsonobj = { id:0, item:[ { id:1, text:"root", im0:"common/dhtmlxtree_icon.gif", im1:"common/dhtmlxtree_icon.gif", im2:"common/dhtmlxtree_icon.gif", item:[ {id:2,text:"first"}, {id:3, text:"middle", item:[ {id:"31", text:"child"} ]}, {id:4,text:"last"} ] } ] } console.log(tree) tree.loadJSONObject(jsonobj, function(){ console.log("load json to tree success!") });
到此这篇关于jsvascript使用dhtmlXTreeObject的loadJSONObject绘制目录树的文章就介绍到这了,更多相关js dhtmlXTreeObject目录树内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
JavaScript ECMAScript 6(ES2015~ES2022)所有新特性总结
这篇文章主要介绍了JavaScript ECMAScript 6(ES2015~ES2022)所有新特性总结,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下2022-07-07zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题
Swipe JS 是一个轻量级的移动滑动组件,支持 1:1 的触摸移动,阻力以及防滑性能都不错,可以让移动web应用展现更多的内容,能解决我们对于移动Web对滑动的需求。下面小编给大家介绍zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题,需要朋友可以参考下2015-08-08javascript 实现的类似hao123的多邮箱登录效果
javascript 实现的类似hao123的多邮箱登录效果...2007-08-08
最新评论