easyUI 函数加载目录树_easyui inittree-优快云博客

本文链接：https://blog.youkuaiyun.com/Sun_xiangyan/article/details/93636983

本文介绍了一种使用JavaScript和jQuery插件初始化地图文档树状结构的方法，详细展示了从地图文档到具体要素如地形、地貌、地质等的层级划分及子元素的构建过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function InitTree1() {

    $("#tt").tree({
        data: [{
            id: "0",
            text: "地图文档",
            children: [{
                id: "01",
                text: "基础地理",
                children: [{
                    id: "011",
                    text: "地形",
                    children: [{
                        id: "0111",
                        text: "坡度"
                    },
                        {
                            id: "0112",
                            text: "坡向"
                        },
                        {
                            id: "0113",
                            text: "起伏度"
                        },
                    ]
                },
                    {
                        id: "012",
                        text: "地貌"
                    },
                    {
                        id: "013",
                        text: "地质",
                        children: [{
                            id: "0131",
                            text: "岩性"
                        },
                            {
                                id: "0132",
                                text: "工程岩组"
                            },
                            {
                                id: "0133",
                                text: "断裂带"
                            },
                        ]
                    },
                    {
                        id: "014",
                        text: "界限",
                        children: [{
                            id: "0141",
                            text: "行政区界"
                        }, ]
                    }
                ]
            },
                {
                    id: "02",
                    text: "水文",
                    children: [{
                        id: "021",
                        text: "水系",
                        children: [{
                            id: "0211",
                            text: "一级水系"
                        },
                            {
                                id: "0212",
                                text: "二级水系"
                            },
                            {
                                id: "0213",
                                text: "三级水系"
                            },
                        ]
                    },
                        {
                            id: "022",
                            text: "湖泊"
                        },
                    ]
                },
                {
                    id: "03",
                    text: "道路交通",
                    children: [{
                        id: "031",
                        text: "国道"
                    },
                        {
                            id: "032",
                            text: "省道"
                        },
                        {
                            id: "033",
                            text: "县级公路"
                        },
                    ]
                },
                {
                    id: "04",
                    text: "xxxxxx",
                    children: [{
                        id: "041",
                        text: "xxx"
                    },
                        {
                            id: "042",
                            text: "xxxx"
                        },
                        {
                            id: "043",
                            text: "xx"
                        },
                    ]
                }
            ]
        }],
        dnd: true, //可拖放
        lines: true, //显示树线条
        checkbox: true, //显示复选框
        animate: true //展开动画效果
    });
}