zoukankan      html  css  js  c++  java
  • zTree第五章,zTree的nodes数据例子

    var nodes1 = [
    {
    name: "小学",
    iconOpen: folderOpen,
    iconClose: folder,
    chkDisabled :true,
    children: [
    {
    name: "语文",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "人教版",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "一年级上册",
    icon: file,
    },
    {
    name: "一年级下册",
    icon: file,
    }
    ]
    },
    ]
    },
    {
    name: "数学",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "人教版",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "一年级上册",
    icon: file,
    },
    {
    name: "一年级下册",
    icon: file,
    }
    ]
    },
    ]
    },
    {
    name: "英语",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "人教版",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "一年级上册",
    icon: file,
    },
    {
    name: "一年级下册",
    icon: file,
    }
    ]
    },
    ]
    },
    ]
    },
    {
    name: "初中",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "语文",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "人教版",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "九年级上册",
    icon: file,
    },
    {
    name: "九年级下册",
    icon: file,
    }
    ]
    },
    ]
    },
    {
    name: "数学",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "人教版",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "九年级上册",
    icon: file,
    },
    {
    name: "九年级下册",
    icon: file,
    }
    ]
    },
    ]
    },
    {
    name: "英语",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "人教版",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "九年级上册",
    icon: file,
    },
    {
    name: "九年级下册",
    icon: file,
    }
    ]
    },
    ]
    },
    {
    name: "科学",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "人教版",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "九年级上册",
    icon: file,
    },
    {
    name: "九年级下册",
    icon: file,
    }
    ]
    },
    ]
    }
    ]
    },
    {
    name: "高中",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "语文",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "人教版",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "高年级上册",
    icon: file,
    },
    {
    name: "高年级下册",
    icon: file,
    }
    ]
    },
    ]
    },
    {
    name: "数学",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "人教版",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "高年级上册",
    icon: file,
    },
    {
    name: "高年级下册",
    icon: file,
    }
    ]
    },
    ]
    },
    {
    name: "英语",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "人教版",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "高年级上册",
    icon: file,
    },
    {
    name: "高年级下册",
    icon: file,
    }
    ]
    },
    ]
    },
    {
    name: "信息技术",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "人教版",
    iconOpen: folderOpen,
    iconClose: folder,
    children: [
    {
    name: "高年级上册",
    icon: file,
    },
    {
    name: "高年级下册",
    icon: file,
    }
    ]
    },
    ]
    }
    ]
    },
    ];


    var nodes2 = [ {
    name : "小学",
    iconOpen : folderOpen,
    iconClose : folder,
    isParent :true,

    /*open :true,*/
    }, {
    name : "初中",
    iconOpen : folderOpen,
    iconClose : folder,

    }, {
    name : "高中",
    iconOpen : folderOpen,
    iconClose : folder,

    }, ];

  • 相关阅读:
    如何手动封装 $ on off emit?
    Vue 实例身上的一些方法(二)
    Vue 实例身上的一些方法(一)
    Vue属性过滤
    Vue属性监听
    Vue实现简单的商品增减功能
    Vue 计算属性
    使用Vue实现一个简单地自定义拖拽功能
    数组的深拷贝与浅拷贝
    如何让html引用公共布局(多个html文件公用一个header.html和footer.html)
  • 原文地址:https://www.cnblogs.com/whoknows1/p/9417287.html
Copyright © 2011-2022 走看看