在页面新增树形的节点

最新推荐文章于 2024-04-12 10:30:33 发布

®南墙№

最新推荐文章于 2024-04-12 10:30:33 发布

阅读量871

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_44519188/article/details/93782820

版权

本文介绍了如何在页面上动态新增树形节点，重点在于利用zTree的addNodes方法。首先获取要操作的树形对象，然后创建唯一的节点名称，声明JSON数组存储新增节点。接着判断是否选中了节点，根据选中状态确定添加子节点的位置。通过zTreeObj.getNodeByParam获取新增节点，并在保存时处理父ID，确保新增节点的层级关系正确。最后展示了页面上的新增效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在页面新增树形的节点

开发工具与关键技术：VS  MVC、SQL、
撰写时间：2019/6/26

编程离不开“增删查改”。树形也属于编程中的一个，通过代码去执行生成一个树形图；在通过点击事件在相应的节点上添加子节点，新增节点的方法有很多，不同的人有不同的方法。这个是我接下下来要分享的一个选择某个节点之后就会在选择的节点下增加子节点。

关于如何生成树形图上一个分享已经有树形图的效果，这次就不重复分享生成树形图方法了。点击选中当前节点新增节点方法步骤：

1、先要获取当前要操作的树形对象；
2、声明一个接受节点名称的变量；可以利用当前时间生成节点名称，这样的节点名就是唯一的；但是我这里做的是在节点树上新增到一个节点以后点击保存才会生效，下一个新增的类别才会更新名称。
3、声明一个json格式的数组接收新增的节点名称；
4、判断当前是否有选中的节点集合；如果选中的，把选中节点的父节点的id设置为现在选中节点的pid，然后利用zTreeObj.addNodes()方法添加节点；如果没有选中的话就直接添加节点到默认的位置。
既然用到zTreeObj.addNodes()方法，那么了解下这个方法在官方文档生的说明内容如下截图：
在这里插入图片描述
zTreeObj.addNodes()方法说明例子如下代码：