自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

上一步保存

woke的博客

woke丶

博客等级

码龄10年

13
原创

38
点赞

73
收藏

14
粉丝

关注

私信

分类专栏

React 3篇
Javascript 6篇
CSS 3篇
Antd 1篇
ES6 4篇
填坑 2篇
LINUX
前端知识体系 1篇

最新评论

使用antd的Tree树形控件，子节点没有勾选完全的情况下拿到父节点的值
Pengyunid3678: 我用的antd 打印出来 info也是undefined
使用antd的Tree树形控件，子节点没有勾选完全的情况下拿到父节点的值
廖子默: 你真是救世主啊，太棒了，我还在想怎么区分哪些是半选低，哪些是全选的，原来只要是父节点放入半选，子节点放入全选就好了
使用antd的Tree树形控件，子节点没有勾选完全的情况下拿到父节点的值
zz121616591: 经过不断的研究，终于解决了，回显的时候将父节点筛选出来放到“半选状态”中，赋值checkedKeys的时候使用对象方式： [code=javascript] let checkedIds = [] let halfCheckedIds = [] this.checkedIds.forEach((v) => { if (this.isParentNode(this.treeData, v.id)) { halfCheckedIds.push(v.id) } else { checkedIds.push(v.id) } }) this.checkedKeys = {checked: checkedIds, halfChecked:halfCheckedIds} [/code] 使用treeData判断是否为父级的方法： [code=javascript] isParentNode(list, id) { let result = false for (let i = 0; i < list.length; i++) { const v = list[i]; if (id == v.id) { return v.children } else if (v.children) { result = this.isParentNode(v.children, id) } } return result } [/code]
使用antd的Tree树形控件，子节点没有勾选完全的情况下拿到父节点的值
weixin_44866638: 我是用的vue 为什么我打印info是undefined呢
使用antd的Tree树形控件，子节点没有勾选完全的情况下拿到父节点的值
woke丶: 和树组件的源数据做对比。

Antd

关注

关注数：文章数：1 文章阅读量：22501 文章收藏量：23

作者: woke丶

www.woke20.com

展开

专栏收录文章

使用antd的Tree树形控件，子节点没有勾选完全的情况下拿到父节点的值

最近在项目中，需要提交一个树形结构的菜单到后台。我需要把 0-0-0 0-0-0-0 0-0-0-1三个提交出去。但是antd组件中文档中说到，只有在子节点全部勾选的情况下，父节点才能被勾选。解决办法： Tree组件提供的onCheck方法中带了两个参数，其中info这个参数中有一个叫做halfCheckedKeys的数组，它专门存贮的半勾选状态的节点（比如子节点...

原创 2018-08-06 17:45:04 · 22501 阅读 · 25 评论

Antd

作者: woke丶

使用antd的Tree树形控件，子节点没有勾选完全的情况下拿到父节点的值