n 个文件夹中含有文件,文件可多选,文件夹不可选。Ant Design TreeSelect的树形组件支持此功能。但父节点子节点都是可选的。
解决方案1:在所有父节点的字段上加上 disabled:true 属性。在 css 中针对ant-select-tree-checkbox-disabled类名添加 display:none 样式。可满足需求。待优化。
解决方案 2:在父节点上加disableCheckbox:true属性(是否可选)。
renderTreeNodes = data => {
const setData = data.map(item => {
if (item.children && item.children.length) {
item.disableCheckbox = true;
this.renderTreeNodes(item.children);
}
return item;
});
return setData;
};
网友评论