react的数据绑定为数据源,给zTree添加新节点,出现重复数据
ztree吧
全部回复
仅看楼主
level 2
Hugeface916 楼主
研究了好几天了,一直无法解决。列表的数据是从后端获取,init方法生成树结构。添加时,先调用addNodes生成临时节点,然后编辑临时节点,输入名称回车后,向后端发送创建请求,并获取创建后的最新数据,类似simpleData,然后重新init ztree,重新渲染的结果如下图:添加节点123(第一个红框),出现多余数据(第二个红框)。后端获取的数据没有问题,传入ztree的数据没有问题,请大神指点
2018年04月16日 02点04分 1
level 2
Hugeface916 楼主
这是add节点的方法,使用了addNodes方法创建一个临时节点(不涉及后端请求创建),然后触发对该节点的重命名
2018年04月16日 02点04分 2
level 2
Hugeface916 楼主
重命名验证有效,执行红框部分代码。红框部分代码,获取当前ztree数据和状态(展开、选中),dispatch方法发送创建请求给后端,然后返回新的simpleData数据
2018年04月16日 02点04分 3
level 2
Hugeface916 楼主
新的simpleData返回后,通过react的数据绑定机制,触发ztree渲染,this.props.nodes就是ztree重渲染使用的数据,核实该数据没有异常,是
正确的
数据(3个节点)。
最后出来的效果确实第一张图的效果。崩溃,试过把ztree销毁(destroy)再init,结果没有改变。
2018年04月16日 02点04分 4
level 2
Hugeface916 楼主
@zTreeAPI 吧主,此处求指点
2018年04月16日 03点04分 5
level 2
Hugeface916 楼主
目前定位问题在这里,这个方法返回了原来的树结构,也就是首图第二个红框上部内容
2018年04月16日 03点04分 6
即使清除原来的树结构,问题依然没有解决
2018年04月16日 03点04分
1