313组件库 - 纯JS树形结构插件

纯JS树形结构插件

发布日期：2019-06-27 01:06:33 浏览次数：1119 下载量：1

查看演示立即下载

新用户注册立送5积分哦...

插件描述：JS树形结构、组织、架构，jquery,jquery插件

组件介绍:

//系统默认参数
var endHtml = 0
var html = ""
var domRight = document.getElementById("rightCont") var chooseCount = 0 // 选中数据（条）
var oldSearch = "" // 搜索值（旧）
var chooseList = []
var chooseState // 选中父级计算使用
// 用户配置参数
var baseDom = document.createElement("div") var baseData = [{
    group: "0", // 层级结构索引值，必须要准确
    name: "xx公司",
    active: false,
    last: false,
    img: "",
    children: [ // 模拟数据
        {
            group: "00",
            name: "综合部",
            active: false,
            last: false,
            img: "",
            children: [{
                group: "000",
                name: "小明",
                active: false,
                last: false,
                img: "",
                children: [{
                    group: "0000",
                    value: 1, // 最低一层必须提供 value 键名
                    name: "小明A",
                    active: false,
                    last: true, // last = true 代表最低一层
                    img: "", // 个性化icon图标，否则采用默认
                    children: [] // 每一个对象必须提供children键名，如果没有数据也需要一个空数组[]
                }, {
                    group: "0001",
                    value: 2,
                    name: "小明B",
                    active: false,
                    last: true,
                    img: "",
                    children: []
                }],
            }, {
                group: "001",
                value: 3,
                name: "小红",
                children: [],
                active: false,
                last: true,
                img: ""
            }]
        }, {
            group: "01",
            name: "技术部",
            active: false,
            last: false,
            img: "",
            children: [{
                group: "010",
                value: 4,
                name: "小白",
                children: [],
                active: true,
                last: true,
                img: "./images/header-icon.png"
            }, {
                group: "011",
                value: 5,
                name: "小黑",
                children: [],
                active: false,
                last: true,
                img: ""
            }]
        }, {
            group: "02",
            name: "UI部",
            active: false,
            last: false,
            img: "",
            children: []
        }
    ]
}]