# pid结构的数据格式

# 说明

  1. 从2.1.15版本开始支持pid格式的数据
  2. 可以使用children和pid两种格式增加和修改数据
  3. 获取所有的数据支持返回pid格式的数据
  4. 数据源与方法的数据结构可以混用,即数据源为父子结构的数据但可以使用pid结构的数据增加和修改数据

# 默认的方式

<select class="sel">
	<option value="" selected>请选择</option>
	<option value="append">pid格式添加子节点</option>
	<option value="updateKeySelf_1">pid格式修改节点</option>
	<option value="updateKeySelf_2">pid移动节点</option>
	<option value="updateKeySelf_3">移动到根节点</option>
	<option value="getAllNodeData_1">获取pid格式的数据</option>
	<option value="getAllNodeData_2">获取children格式的数据</option>
</select>
<div class="eletree6"></div>

<script>
var el = eleTree({
    el: '.eletree6',
    url: '/eleTree/json/pid.json?v=2.1.15',
    highlightCurrent: true,
    showCheckbox: true,
})
var methods = {
    append: function() {
        el.append([
            {label: '添加子节1', id: 'a', pid: "001002002002"},
            {label: '添加子节点2', id: 'b', pid: "001002002003"},
            {label: '添加子节点3', id: 'ab', pid: "a"},
            {label: '添加子节点4', id: 'ac', pid: "a", checked: true},
        ])
    },
    updateKeySelf_1: function() {
        el.updateKeySelf([
            {label: '桃源路11', id: '001002002002', pid: "001002001"},
            {label: '湖东路11', id: '001002002003', pid: "001002001"},
        ])
    },
    updateKeySelf_2: function() {
        el.updateKeySelf([
            {label: '桃源路11', id: '001002002002', pid: "001002003"},
            {label: '湖东路11', id: '001002002003', pid: "001002003"},
        ])
    },
    updateKeySelf_3: function() {
        el.updateKeySelf([
            {label: '桃源路11', id: '001002002002', pid: ""},
            {label: '湖东路11', id: '001002002003', pid: ""},
        ])
    },
    getAllNodeData_1: function() {
        alert(JSON.stringify(el.getAllNodeData('p')))
    },
    getAllNodeData_2: function() {
        alert(JSON.stringify(el.getAllNodeData()))
    },
}
document.querySelector(".sel").onchange = function() {
    this.value && methods[this.value] && methods[this.value]()
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
显示代码
Last Updated: 9/9/2020, 1:45:28 PM