欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

bootstrap-treeview nodeid与 添加 Id

程序员文章站 2022-06-08 15:54:34
...

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

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

你们可以试一试:

在bootstrap-treeview.js 位置如下:

bootstrap-treeview nodeid与 添加 Id

代码贴出来:

        // 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

 bootstrap-treeview nodeid与 添加 Id

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

   bootstrap-treeview nodeid与 添加 Id

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

并在上面提到的 修改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 就可以了