2017-05-08 3 views
0

입력을 고정 시키거나 트리를 드롭 다운으로 표시하는 방법이 있습니까? 나는 구성 요소에서 스타일을 시도했지만 뭔가하지 않았다.트리 선택 확인란 - 입력 막대 고정 크기

render() { 
    const tProps = { 
     treeData, 
     value: this.state.value, 
     onChange: this.onChange, 
     multiple: true, 
     treeCheckable: true, 
     showCheckedStrategy: SHOW_PARENT, 
     searchPlaceholder: 'Please select', 
     style: { 
     width: 300, 
     overflow:'auto', 
     height:50 
     }, 
    }; 
    return <TreeSelect {...tProps} />; 
    } 

답변

0

좋아요. 이렇게 팝업으로 TreeSelect 대신 Tree를 사용하고 있습니다.

<Popover 
    visible={this.state.visible} 
    title={<Checkbox onChange={this.checkAllKeys} checked={isAllChecked}>Select All</Checkbox>} 
    onVisibleChange={this.handleVisibleChange} 
    trigger="click" 
    content={ 
     <Tree 
     checkable 
     onExpand={this.onExpand} expandedKeys={this.state.expandedKeys} 
     autoExpandParent={this.state.autoExpandParent} 
     onCheck={this.onCheck} checkedKeys={this.state.checkedKeys} 
     onSelect={this.onSelect} selectedKeys={this.state.selectedKeys} 
     > 
     {loop(treeData)} 
     </Tree> 
    }> 
    <Button type="default">Click to check</Button> 
    </Popover>