JavaScript如何使用dhtmlXTreeObject的loadJSONObject繪制目錄樹
更新時間：2023年11月15日 12:05:18 作者：位面元哥
這篇文章主要介紹了JavaScript如何使用dhtmlXTreeObject的loadJSONObject繪制目錄樹,需要引入dhtmlXTreeObject的css和js文件,這里還需要注意js的引用順序,本文給大家介紹的非常詳細(xì),需要的的朋友參考下吧
1，引入dhtmlXTreeObject的css和js文件
注意： js的引用順序很關(guān)鍵！?。?/p>
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)文章
JS實現(xiàn)頁面滾動到關(guān)閉時的位置與不滾動效果
這篇文章主要介紹了JS實現(xiàn)頁面滾動到關(guān)閉時的位置與不滾動效果,滾動有兩種方案，其一，利用路由中的meta，在離開頁面時緩存 top 信息，其二，利用keep-alive緩存整個頁面。但是僅限于沒有實時數(shù)據(jù)變動的頁面，需要的朋友可以參考下本文2022-06-06
下面小編就為大家?guī)硪黄獙τ趇nput 框限定輸入值為浮點型的js代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
JavaScript中類的學(xué)習(xí)，從基本類繼承過來方法。2009-07-07
js窗口關(guān)閉提示信息（兼容IE和firefox）
這篇文章主要介紹了當(dāng)關(guān)閉窗口的時候，顯示窗口提示信息，友好的進(jìn)行提示，防止丟失重要信息，需要的朋友可以參考一下2015-10-10
這篇文章主要介紹了JavaScript Window瀏覽器對象模型,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-05-05
JavaScript 設(shè)計模式學(xué)習(xí) Factory
通過接口實現(xiàn)工廠，這是通過List方式顯示RSS 等實現(xiàn)代碼。2009-07-07
實現(xiàn)div拖動有很多方法，不過目前比較常見的就是使用javascript實現(xiàn)的了，下面有個不錯的示例，大家可以嘗試操作下2013-10-10
在前端JavaScript中,由于安全考慮瀏覽器不允許直接操作文件系統(tǒng),但瀏覽器提供了有限的文件操作能力,這篇文章主要介紹了JavaScript如何在前端代碼中讀、寫本地文件的相關(guān)資料,需要的朋友可以參考下2024-09-09
這篇文章主要為大家詳細(xì)介紹了小程序tab實現(xiàn)頁面切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
本篇文章主要介紹了原生JS實現(xiàn)日歷組件的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09