將一個簡單的路徑數組轉換成合乎ztree顯示要求的數據結構

原創 duansamve 2020-05-08 23:22 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="http://10.10.1.132/static/libs/ztree/css/metroStyle/metroStyle_adm.css"
        type="text/css">
    <script src="http://10.10.1.132/static/libs/jquery/jquery-1.11.2.min.js"></script>
    <script src="http://10.10.1.132/static/libs/ztree/js/jquery.ztree.core-3.5.js"></script>
    <script src="http://10.10.1.132/static/libs/ztree/js/jquery.ztree.exedit.js"></script>
    <script src="http://10.10.1.132/static/libs/ztree/js/jquery.ztree.excheck-3.5.js"></script>
    <script src="http://10.10.1.132/static/libs/ztree/js/jquery.ztree.exhide-3.5.js"></script>
    <title>Document</title>
</head>

<body>
    <ul id="org-tree" class="ztree"></ul>
</body>
<script>
    let arr = {
        "status": 0,
        "msg": "獲取光盤目錄成功",
        "dirs": [
            "/media/CDROM/",
            "/media/CDROM/boot",
            "/media/CDROM/boot/fonts",
            "/media/CDROM/boot/zh-cn",
            "/media/CDROM/efi",
            "/media/CDROM/efi/microsoft",
            "/media/CDROM/efi/microsoft/boot",
            "/media/CDROM/efi/microsoft/boot/fonts",
            "/media/CDROM/sources",
            "/media/CDROM/sources/dlmanifests",
            "/media/CDROM/sources/dlmanifests/bitsextensions-server",
            "/media/CDROM/sources/dlmanifests/microsoft-activedirectory-webservices-dl",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-adfs-dl",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-bluetooth-config",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-com-complus-setup-dl",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-com-dtc-setup-dl",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-dhcpservermigplugin-dl",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-directoryservices-adam-dl",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-iasserver-migplugin",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-iasserver-migplugin/zh-cn",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-ie-clientnetworkprotocolimplementation",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-iis-dl",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-international-core-dl",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-internet-naming-service-runtime",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-mediaplayer",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-mediaplayer-drm-dl",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-msmq-messagingcoreservice",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-ndis",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-networkbridge",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-networkloadbalancing-core",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-offlinefiles-dl",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-performancecounterinfrastructure-dl",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-performancecounterinfrastructureconsumer-dl",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-rasconnectionmanager",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-rasserver-migplugin",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-shmig-dl",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-storagemigration",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-storagemigration/zh-cn",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-sxs",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-tapisetup",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-terminalservices-licenseserver",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-textservicesframework-migration-dl",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-unimodem-config",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-winsock-core-infrastructure-upgrade",
            "/media/CDROM/sources/dlmanifests/microsoft-windows-wmi-core",
            "/media/CDROM/sources/dlmanifests/networking-mpssvc-svc",
            "/media/CDROM/sources/dlmanifests/zh-cn",
            "/media/CDROM/sources/etwproviders",
            "/media/CDROM/sources/etwproviders/zh-cn",
            "/media/CDROM/sources/inf",
            "/media/CDROM/sources/license",
            "/media/CDROM/sources/license/_default",
            "/media/CDROM/sources/license/_default/_default",
            "/media/CDROM/sources/license/_default/_default/enterprise",
            "/media/CDROM/sources/license/_default/_default/enterprisee",
            "/media/CDROM/sources/license/_default/_default/enterprisen",
            "/media/CDROM/sources/license/_default/_default/homebasic",
            "/media/CDROM/sources/license/_default/_default/homebasice",
            "/media/CDROM/sources/license/_default/_default/homebasicn",
            "/media/CDROM/sources/license/_default/_default/homepremium",
            "/media/CDROM/sources/license/_default/_default/homepremiume",
            "/media/CDROM/sources/license/_default/_default/homepremiumn",
            "/media/CDROM/sources/license/_default/_default/professional",
            "/media/CDROM/sources/license/_default/_default/professionale",
            "/media/CDROM/sources/license/_default/_default/professionaln",
            "/media/CDROM/sources/license/_default/_default/starter",
            "/media/CDROM/sources/license/_default/_default/startere",
            "/media/CDROM/sources/license/_default/_default/startern",
            "/media/CDROM/sources/license/_default/_default/ultimate",
            "/media/CDROM/sources/license/_default/_default/ultimatee",
            "/media/CDROM/sources/license/_default/_default/ultimaten",
            "/media/CDROM/sources/license/_default/eval",
            "/media/CDROM/sources/license/_default/eval/enterprise",
            "/media/CDROM/sources/license/_default/eval/enterprisee",
            "/media/CDROM/sources/license/_default/eval/enterprisen",
            "/media/CDROM/sources/license/_default/eval/homebasic",
            "/media/CDROM/sources/license/_default/eval/homebasice",
            "/media/CDROM/sources/license/_default/eval/homebasicn",
            "/media/CDROM/sources/license/_default/eval/homepremium",
            "/media/CDROM/sources/license/_default/eval/homepremiume",
            "/media/CDROM/sources/license/_default/eval/homepremiumn",
            "/media/CDROM/sources/license/_default/eval/professional",
            "/media/CDROM/sources/license/_default/eval/professionale",
            "/media/CDROM/sources/license/_default/eval/professionaln",
            "/media/CDROM/sources/license/_default/eval/starter",
            "/media/CDROM/sources/license/_default/eval/startere",
            "/media/CDROM/sources/license/_default/eval/startern",
            "/media/CDROM/sources/license/_default/eval/ultimate",
            "/media/CDROM/sources/license/_default/eval/ultimatee",
            "/media/CDROM/sources/license/_default/eval/ultimaten",
            "/media/CDROM/sources/license/_default/oem",
            "/media/CDROM/sources/license/_default/oem/enterprise",
            "/media/CDROM/sources/license/_default/oem/enterprisee",
            "/media/CDROM/sources/license/_default/oem/enterprisen",
            "/media/CDROM/sources/license/_default/oem/homebasic",
            "/media/CDROM/sources/license/_default/oem/homebasice",
            "/media/CDROM/sources/license/_default/oem/homebasicn",
            "/media/CDROM/sources/license/_default/oem/homepremium",
            "/media/CDROM/sources/license/_default/oem/homepremiume",
            "/media/CDROM/sources/license/_default/oem/homepremiumn",
            "/media/CDROM/sources/license/_default/oem/professional",
            "/media/CDROM/sources/license/_default/oem/professionale",
            "/media/CDROM/sources/license/_default/oem/professionaln",
            "/media/CDROM/sources/license/_default/oem/starter",
            "/media/CDROM/sources/license/_default/oem/startere",
            "/media/CDROM/sources/license/_default/oem/startern",
            "/media/CDROM/sources/license/_default/oem/ultimate",
            "/media/CDROM/sources/license/_default/oem/ultimatee",
            "/media/CDROM/sources/license/_default/oem/ultimaten",
            "/media/CDROM/sources/license/zh-cn",
            "/media/CDROM/sources/license/zh-cn/_default",
            "/media/CDROM/sources/license/zh-cn/_default/enterprise",
            "/media/CDROM/sources/license/zh-cn/_default/enterprisee",
            "/media/CDROM/sources/license/zh-cn/_default/enterprisen",
            "/media/CDROM/sources/license/zh-cn/_default/homebasic",
            "/media/CDROM/sources/license/zh-cn/_default/homebasice",
            "/media/CDROM/sources/license/zh-cn/_default/homebasicn",
            "/media/CDROM/sources/license/zh-cn/_default/homepremium",
            "/media/CDROM/sources/license/zh-cn/_default/homepremiume",
            "/media/CDROM/sources/license/zh-cn/_default/homepremiumn",
            "/media/CDROM/sources/license/zh-cn/_default/professional",
            "/media/CDROM/sources/license/zh-cn/_default/professionale",
            "/media/CDROM/sources/license/zh-cn/_default/professionaln",
            "/media/CDROM/sources/license/zh-cn/_default/starter",
            "/media/CDROM/sources/license/zh-cn/_default/startere",
            "/media/CDROM/sources/license/zh-cn/_default/startern",
            "/media/CDROM/sources/license/zh-cn/_default/ultimate",
            "/media/CDROM/sources/license/zh-cn/_default/ultimatee",
            "/media/CDROM/sources/license/zh-cn/_default/ultimaten",
            "/media/CDROM/sources/license/zh-cn/eval",
            "/media/CDROM/sources/license/zh-cn/eval/enterprise",
            "/media/CDROM/sources/license/zh-cn/eval/enterprisee",
            "/media/CDROM/sources/license/zh-cn/eval/enterprisen",
            "/media/CDROM/sources/license/zh-cn/eval/homebasic",
            "/media/CDROM/sources/license/zh-cn/eval/homebasice",
            "/media/CDROM/sources/license/zh-cn/eval/homebasicn",
            "/media/CDROM/sources/license/zh-cn/eval/homepremium",
            "/media/CDROM/sources/license/zh-cn/eval/homepremiume",
            "/media/CDROM/sources/license/zh-cn/eval/homepremiumn",
            "/media/CDROM/sources/license/zh-cn/eval/professional",
            "/media/CDROM/sources/license/zh-cn/eval/professionale",
            "/media/CDROM/sources/license/zh-cn/eval/professionaln",
            "/media/CDROM/sources/license/zh-cn/eval/starter",
            "/media/CDROM/sources/license/zh-cn/eval/startere",
            "/media/CDROM/sources/license/zh-cn/eval/startern",
            "/media/CDROM/sources/license/zh-cn/eval/ultimate",
            "/media/CDROM/sources/license/zh-cn/eval/ultimatee",
            "/media/CDROM/sources/license/zh-cn/eval/ultimaten",
            "/media/CDROM/sources/license/zh-cn/oem",
            "/media/CDROM/sources/license/zh-cn/oem/enterprise",
            "/media/CDROM/sources/license/zh-cn/oem/enterprisee",
            "/media/CDROM/sources/license/zh-cn/oem/enterprisen",
            "/media/CDROM/sources/license/zh-cn/oem/homebasic",
            "/media/CDROM/sources/license/zh-cn/oem/homebasice",
            "/media/CDROM/sources/license/zh-cn/oem/homebasicn",
            "/media/CDROM/sources/license/zh-cn/oem/homepremium",
            "/media/CDROM/sources/license/zh-cn/oem/homepremiume",
            "/media/CDROM/sources/license/zh-cn/oem/homepremiumn",
            "/media/CDROM/sources/license/zh-cn/oem/professional",
            "/media/CDROM/sources/license/zh-cn/oem/professionale",
            "/media/CDROM/sources/license/zh-cn/oem/professionaln",
            "/media/CDROM/sources/license/zh-cn/oem/starter",
            "/media/CDROM/sources/license/zh-cn/oem/startere",
            "/media/CDROM/sources/license/zh-cn/oem/startern",
            "/media/CDROM/sources/license/zh-cn/oem/ultimate",
            "/media/CDROM/sources/license/zh-cn/oem/ultimatee",
            "/media/CDROM/sources/license/zh-cn/oem/ultimaten",
            "/media/CDROM/sources/replacementmanifests",
            "/media/CDROM/sources/replacementmanifests/microsoft-activedirectory-webservices",
            "/media/CDROM/sources/replacementmanifests/microsoft-international-core",
            "/media/CDROM/sources/replacementmanifests/microsoft-windows-audio-mmecore-other",
            "/media/CDROM/sources/replacementmanifests/microsoft-windows-bth-user",
            "/media/CDROM/sources/replacementmanifests/microsoft-windows-gameuxmig",
            "/media/CDROM/sources/replacementmanifests/microsoft-windows-iis-rm",
            "/media/CDROM/sources/replacementmanifests/microsoft-windows-ndis",
            "/media/CDROM/sources/replacementmanifests/microsoft-windows-offlinefiles-core",
            "/media/CDROM/sources/replacementmanifests/microsoft-windows-offlinefiles-core/zh-cn",
            "/media/CDROM/sources/replacementmanifests/microsoft-windows-power-policy",
            "/media/CDROM/sources/replacementmanifests/microsoft-windows-shmig",
            "/media/CDROM/sources/replacementmanifests/microsoft-windows-terminalservices-appserver-licensing",
            "/media/CDROM/sources/replacementmanifests/microsoft-windows-terminalservices-licenseserver",
            "/media/CDROM/sources/replacementmanifests/usb",
            "/media/CDROM/sources/replacementmanifests/windowssearchengine",
            "/media/CDROM/sources/replacementmanifests/zh-cn",
            "/media/CDROM/sources/servicing",
            "/media/CDROM/sources/servicing/0.0.0.1",
            "/media/CDROM/sources/servicingstackmisc",
            "/media/CDROM/sources/zh-cn",
            "/media/CDROM/support",
            "/media/CDROM/support/logging",
            "/media/CDROM/support/logging/zh-cn",
            "/media/CDROM/support/migwiz",
            "/media/CDROM/support/migwiz/cable",
            "/media/CDROM/support/migwiz/postmigres",
            "/media/CDROM/support/migwiz/postmigres/data",
            "/media/CDROM/support/migwiz/postmigres/web",
            "/media/CDROM/support/migwiz/postmigres/web/base_images",
            "/media/CDROM/support/migwiz/zh-cn",
            "/media/CDROM/support/tools",
            "/media/CDROM/upgrade",
            "/media/CDROM/upgrade/netfx"
        ]
    }

    function getZnodes(arr) {
        let znodes = [];
        let dirArr = [];

        // 全部名稱後加"/"
        for (let i = 0; i < arr.dirs.length; i++) {
            if (!arr.dirs[i].endsWith("/")) {
                arr.dirs[i] += "/";
            }
        }

        // 獲得所有名稱"/"的個數
        for (let i = 0; i < arr.dirs.length; i++) {
            if (arr.dirs[i].endsWith("/")) {
                dirArr.push(arr.dirs[i].split("/").length - 1);
            }
        }

        let min = Math.min.apply(null, dirArr);
        let max = Math.max.apply(null, dirArr);

        // 獲得根節點
        for (let i = 0; i < arr.dirs.length; i++) {
            if (arr.dirs[i].endsWith("/") && arr.dirs[i].split("/").length - 1 === min) {
                znodes.push({
                    name: arr.dirs[i],
                    path: arr.dirs[i],
                    id: 0,
                    pId: -1,
                    iconSkin: "file"
                });
            }
        }

        for (let k = 0; k <= max; k++) {
            for (let i = 0; i < arr.dirs.length; i++) {
                if ((arr.dirs[i].split("/").length - 1) === (min + k + 1) && arr.dirs[i].endsWith("/")) {
                    for (let n = 0; n < znodes.length; n++) {
                        if ((znodes[n].name).split("/").length - 1 == min + k && znodes[n].name.endsWith("/") && arr.dirs[i].indexOf(znodes[n].name) >= 0) {
                            znodes.push({
                                name: arr.dirs[i],
                                path: arr.dirs[i],
                                id: i + 1,
                                pId: znodes[n].id,
                                iconSkin: "file"
                            });
                        }
                    }
                } else if ((arr.dirs[i].split("/").length - 1) === (min + k) && !arr.dirs[i].endsWith("/")) {
                    for (let n = 0; n < znodes.length; n++) {
                        if ((znodes[n].name).split("/").length - 1 == min + k && znodes[n].name.endsWith("/") && arr.dirs[i].indexOf(znodes[n].name) >= 0) {
                            znodes.push({
                                name: arr.dirs[i].split("/")[arr.dirs[i].split("/").length - 1],
                                path: arr.dirs[i],
                                id: i + 1,
                                pId: znodes[n].id,
                                iconSkin: "file"
                            });
                        }
                    }
                }
            }
        }

        return znodes;
    }

    var setting = {
        check: {
            enable: true
        },
        data: {
            simpleData: {
                enable: true
            }
        }
    };

    $.fn.zTree.init($("#org-tree"), setting, getZnodes(arr));
</script>

</html>

 

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

得物 ZooKeeper SLA 也可以 99.99%

1. 背景 ZooKeeper（ZK）是一個誕生於 2007 年的分佈式應用程序協調服務。儘管出於一些特殊的歷史原因，許多業務場景仍然不得不依賴它。比如，Kafka、任務調度等。特別是在 Flink 混合部署 ETCD 解耦 時，業務方曾

原創 2024-05-10 01:06:41

vue3簡單封裝ztree

<template> <div class="ztree" :id="ztreeId"></div> </template> <script> import '@ztree/ztree_v3/js/jquery-1.4.4.min

原創 2021-12-25 21:13:12

zTree節點增刪改

效果: 完成增刪改，要注意幾個關鍵點： 使用 編輯功能，必須設置 setting.edit 中的各個屬性 使用 編輯功能的事件回調函數，必須設置 setting.callback.beforeRemove / onRemove / be

原創 2021-03-28 09:27:49

ztree判斷是否是葉子節點

var zTree = $.fn.zTree.getZTreeObj(treeId); nodes = zTree.getSelectedNodes(); var node = nodes[0]; // 判斷是否是父節點 if(node.i

原創 2021-03-28 09:27:48

ztree隱藏指定節點後面的（重命名和刪除）圖標

在想要隱藏的節點（節點）上添加兩個屬性noRemoveBtn，noEditBtn;值爲true;如：只隱藏父節點後面圖標 function addBtnProperty(nodes){ $.each(nodes,function

原創 2021-03-28 09:27:48

ztree樹形組件使用說明

引入ztree組件 <link href="static/jquery-ztree/3.5.36/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" /> <sc

原創 2021-03-22 21:31:21

SpringBoot2.0+Shiro+MyBatisPlus權限管理系統

項目描述 Hi，大家好，今天分享的項目是《SpringBoot+Shiro權限管理系統》，這是一個SpringBoot+Layui後臺管理系統，使用Shiro安全框架，加入訪問權限，對不同角色有不同的訪問權限，其他管理可以依據情況添加上去。

原創 2021-01-30 10:21:09

zTree異步加載簡單demo

這幾天花了些時間,試了試zTree自帶的異步加載方式 還不錯. 有個奇怪的問題: 無論我在服務器設置 setContentType("text/plain;charset=UTF-8")或是 setContentType("applic

AFer198215 2020-07-07 22:05:49

zTree拖動元素，修改沒有子節點的文件夾圖標保留文件夾圖標，不自動改爲文件圖標

function fixIcon(){     var treeObj = $.fn.zTree.getZTreeObj("pageTree");     // 找到自己定義isParent的標識字段，進行ztreedom賦值    

阿噶撒玛 2020-07-06 07:16:52

ztree封裝的樹結構vue組件

先來一張效果圖： 1.z-tree插件下載地址http://www.treejs.cn/v3/main.php#_zTreeInfo 2.下載完成後將插件放到項目裏在mian.js裏面引入即可 //main.js中引入 impor

大Q的前端之路 2020-06-23 11:54:58

Ztree，異步逐級加載數據，連接數據庫增刪改，模糊搜索

需求是需要做一個國家信息的樹形結構圖，那麼就避免不了使用樹狀結構的插件，而用的比較多的插件就是Ztree和Jstree，個人在這裏強烈推薦Ztree，原因如下：1、Ztree的插件文檔全中文解釋，畢竟是國產插件，所以對於英語不太好的同學來

孺牛的猫 2020-06-21 22:21:07

多種樣式的ztree樹形下拉框-功能強大

本人使用示例（下載資源地址）： 效果圖： 引入的js,css文件： jquery-1.8.3.min.js zTree_v3/css/demo.css zTree_v3/css/zTreeStyle/zTreeStyle.css zTre

成市风彩 2020-06-21 20:09:09

ztree 回顯數據時 不讓父節點選中下面所有的子節點

treeObj.checkNode(checkedNode, true, false) var treeObj; $(function() { //得到所有的樹數據 $.get("${

一碗米粉 2020-06-15 10:55:58

ztree常用操作

ztree的一些操作設置某些節點沒有複選框ztree複選框回顯1.在後臺拼接的數據，拼接"checked", true2.使用js回顯 設置某些節點沒有複選框 這裏我設置的是 根節點 沒有複選框 這裏是一些常用操作 var se

阿波罗AP 2020-06-14 09:50:15

ztree 實現樹的增刪改

效果圖： 前端js var setting = { view: { addHoverDom: addHoverDom, removeHoverDom: removeHoverDom, selectedMulti: fal

前方太黑暗 2020-06-10 09:57:59