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