美文网首页
全选功能

全选功能

作者: 家有饿犬和聋猫 | 来源:发表于2019-11-04 16:19 被阅读0次
 belongHangye=(e)=>{
        if(e.length > 1  && e.slice(-1).indexOf('全部') !== -1){
            // 选了选别的 又选全部
            setTimeout(()=>{
                this.props.form.setFieldsValue({industryRange: ['全部']});
            }, 0); 

            this.setState({
                industryRange: ['全部']
            
            });

        }else  if(e.length > 1 && e[0].indexOf('全部') !== -1  ){
            // 先选全部   又点了其它选项
            let arr = e.slice(1);  // 删除全部,截取后面所有元素
            setTimeout(()=>{
                this.props.form.setFieldsValue({industryRange: arr});
            }, 0); 
            this.setState({
                industryRange: arr
            
            });
        }else{
            this.props.form.setFieldsValue({industryRange: e});
            this.setState({
                industryRange: e 
            });

        }
    }
  <Select   disabled = {disabled}  mode="multiple"  placeholder="请选择行业"  onChange={this.belongHangye}    style={{width: 500}}>
                                        
         <Option value="全部">全部</Option>
                                        
           {
             isNotEmpty(allIndustry) && allIndustry.map(
               (p, index)=><Option  key ={`${index}allIndustry`} value={p.key}>{p.value}</Option>
                  )
                }
                                        
  </Select>

image.png

相关文章

网友评论

      本文标题:全选功能

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