zoukankan      html  css  js  c++  java
  • selectTree 改造

    需求

    把select改为selectTree,后台给的数据也进行了改造,数据里面多了children字段,包裹子集

    代码

    //import
    
    import { Row , Col , Select , Button , Card ,Tooltip , Icon , TreeSelect  } from 'antd'
    const { TreeNode } = TreeSelect;
    

      

    //render 定义 loop
    
    //获取树状结构数据
    const loop = skillGroupList =>
        skillGroupList.map(item => {
          if (item.children && item.children.length) {
            return (
                <TreeNode key={item.id} title={item.name} value={item.skillGroupId}>
                  {loop(item.children)}
                </TreeNode>
            );
          }
           return <TreeNode key={item.id} title={item.name} value={item.skillGroupId}/>;
        });
    const treeNodeList = loop(skillGroupList);
    

      

    select改为selectTree——antd
    
       <TreeSelect
           style={{  300 }}
           defaultValue={intl('route_Monitor_skillName',true)}
           dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
           placeholder="请选择技能组"
           allowClear
           treeDefaultExpandAll
           onChange={this.skillGroupChange}
       >
         {treeNodeList}
    </TreeSelect>
    

      

  • 相关阅读:
    0814防盗链访问控制代理
    0811Nginx访问日志设置
    0810Nginx安装
    0809LNMP架构介绍
    PHP安装
    mariaDB安装Apache安装(httpd)
    LAMP构架介绍
    shell基础知识(2)
    shell基础知识(1)
    yum更换国内源、yum下载rpm包、源码包安装
  • 原文地址:https://www.cnblogs.com/rong88/p/11751756.html
Copyright © 2011-2022 走看看