JavaScript如何使用dhtmlXTreeObject的loadJSONObject繪制目錄樹(shù)
更新時(shí)間：2023年11月15日 12:05:18 作者：位面元哥
這篇文章主要介紹了JavaScript如何使用dhtmlXTreeObject的loadJSONObject繪制目錄樹(shù),需要引入dhtmlXTreeObject的css和js文件,這里還需要注意js的引用順序,本文給大家介紹的非常詳細(xì),需要的的朋友參考下吧
1，引入dhtmlXTreeObject的css和js文件
注意： js的引用順序很關(guān)鍵?。。?/p>
2，創(chuàng)建一棵目錄樹(shù)
2.1，let tree = new dhtmlXTreeObject(id-dhtmltree-0, “100%”, “100%”, 0);
2.2，設(shè)置圖片根目錄（后續(xù)使用到的圖片都是相對(duì)于該目錄的）
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!")
});到此這篇關(guān)于jsvascript使用dhtmlXTreeObject的loadJSONObject繪制目錄樹(shù)的文章就介紹到這了,更多相關(guān)js dhtmlXTreeObject目錄樹(shù)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
javascript 事件查詢綜合,需要的朋友可以參考下。2010-03-03
下面小編就為大家?guī)?lái)一篇js從外部獲取圖片的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的， 現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08 
JS獲取時(shí)間的相關(guān)函數(shù)及時(shí)間戳與時(shí)間日期之間的轉(zhuǎn)換
時(shí)間戳和時(shí)間日期的轉(zhuǎn)換是常見(jiàn)的操作，下面就通過(guò)代碼實(shí)例介紹一下如何實(shí)現(xiàn)它們之間的相互轉(zhuǎn)換，感興趣的朋友一起學(xué)習(xí)吧
2016-02-02 
最近項(xiàng)目中遇到些字符串亂碼問(wèn)題，解決后有些心得，記錄于此。
2009-12-12 
這篇文章主要介紹了淺談JS包裝對(duì)象，對(duì)包裝對(duì)象感興趣的同學(xué)，一定要詳細(xì)看一下
2021-04-04 
JavaScript仿淘寶頁(yè)面圖片滾動(dòng)加載及刷新回頂部的方法解析
這篇文章主要介紹了JavaScript仿淘寶頁(yè)面圖片滾動(dòng)加載及刷新回頂部的方法解析,包括懶加載和onbeforeunload等要點(diǎn)的理解,需要的朋友可以參考下
2016-05-05 
最近在做一個(gè)簡(jiǎn)單的鼠標(biāo)onmouseover時(shí)顯示層（層里面有多個(gè)鏈接文字），onmouseout 時(shí)隱藏層的功能時(shí)，發(fā)現(xiàn)有諸多問(wèn)題.
2010-07-07 
Unicode 編碼轉(zhuǎn)換器...
2007-01-01 
這篇文章主要給大家介紹了關(guān)于如何在微信小程序中使用less(最優(yōu)方式)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-03-03