JavaScript如何使用dhtmlXTreeObject的loadJSONObject繪制目錄樹

更新時間：2023年11月15日 12:05:18 作者：位面元哥

這篇文章主要介紹了JavaScript如何使用dhtmlXTreeObject的loadJSONObject繪制目錄樹,需要引入dhtmlXTreeObject的css和js文件,這里還需要注意js的引用順序,本文給大家介紹的非常詳細,需要的的朋友參考下吧

1，引入dhtmlXTreeObject的css和js文件

注意： js的引用順序很關鍵?。?！

2，創(chuàng)建一棵目錄樹

2.1，let tree = new dhtmlXTreeObject(id-dhtmltree-0, “100%”, “100%”, 0);

2.2，設置圖片根目錄（后續(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!")
            });

到此這篇關于jsvascript使用dhtmlXTreeObject的loadJSONObject繪制目錄樹的文章就介紹到這了,更多相關js dhtmlXTreeObject目錄樹內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: