Lsony
新手
新手
  • 最后登录2021-05-28
  • 发帖数1
  • 社区居民
阅读:606回复:0

[react]react ant design 节点树自定义 title

楼主#
更多 发布于:2021-04-29 20:07
实现以下效果

图片:QQ截图20210429190930.jpg



为react ant design 节点树添加自定义title

<Tree checkable loadData={this.onLoadData} treeData={this.state.treeData}
 titleRender={(node)=>{return (
      <span className="titleRender">
         <span>{node.pinPaiMingCheng || node.xiLieMingCheng || node.jingQueXingHao}</span>
         <span className="titleRight">
             <span>添加系列</span>
             <span>修改</span>
             <span>删除</span>
         </span>
      </span>
   )}
}></Tree>
其中,titleRender属性是自定义节点树 title, 会返回一个对象node,是当前行的数据


此外,还需要注意的是,节点树所需的数据里,需要绑定一个 key ,在整个数据结构中不能重复,还需要绑定一个 title ,可以单独显示文字,单独显示文字时可不使用上面的 titleRender 属性 ,直接在数据中加入 title 即可;
key 和 title 是必须,并且还未找到修改配置的办法。


treeData 是一个树形数组,其中有两个必须属性:key,title ,如果该条数据下有子节点,子节点数据的数组名必须叫:children,否则数据会不显示
游客


返回顶部

公众号

公众号