美文网首页
Ant Design TreeSelect树形选择器禁用父节点

Ant Design TreeSelect树形选择器禁用父节点

作者: Thomas赵骐 | 来源:发表于2020-01-07 20:43 被阅读0次
    项目中遇到一个需求,如图 image.png

    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;
      };
    

    相关文章

      网友评论

          本文标题:Ant Design TreeSelect树形选择器禁用父节点

          本文链接:https://www.haomeiwen.com/subject/tpkbgctx.html