bootstrap-treeview nodeid与添加 Id

古城微笑少年丶 2022-06-10 12:20 400阅读 0赞

在bootstrap-treeview  默认只有nodeid 却没有id。这让我 开发的时候就很为难。

而且nodeid只能是自增长的。如果用我们自己数据ID 可能会导致bootstrap-treeview 选择和高亮出错。

你们可以试一试：

在bootstrap-treeview.js 位置如下：

![20170818183818836][]

代码贴出来：

// nodeId : unique, incremental identifier
     //node.Id = Number(node.nodeId); (这个就是我们需要添加的ID)
     node.nodeId = _this.nodes.length;

node.nodeId = \_this.nodes.length; 把这个代码改为：node.nodeId =  Number(node.nodeId);

如上就是让nodeid 的数据是我们的数据id

添加ID

![20170818184322223][]

图上 有nodeid  也有我的数据库id

![20170818184549826][]

找到这里  加入红色方框里面的代码！！！

并在上面提到的 修改nodeid 添加 这段代码

//node.Id = Number(node.nodeId);  最好在上面 node.nodeId = _this.nodes.length;

var tree = [{
                    text: "Parent 1",
                    nodeid: "10",
                    nodes: [{
                        text: "Child 1",
                        nodeid: "2",
    
                        nodes: [{
                            nodeid: "8",
                            text: "Grandchild 1"
                        },
                          {
                              nodeid: "7",
                              text: "Grandchild 2"
                          }
                        ]
                    },
                      {
                          nodeid: "5",
                          text: "Child 2"
                      }
                    ]
                }, {
                    nodeid: "3",
                    text: "Parent 2"
                }];

数据源添加 nodeid 就可以了

[20170818183818836]: /images/20220610/2febe57f547f471db9667b84be2f8358.png
[20170818184322223]: /images/20220610/5571cbf114464781b09df354c1b95c69.png
[20170818184549826]: /images/20220610/11affa9580754d7eb458c3f26e141e73.png