import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import {TreeTransfer,getAllTreeData} from '@everhour/antd-tree-transfer';
const Data = [
{
key: "database1",
title: "库",
value: "database1-v"
},
{
key: "table1",
title: "表",
value: "table1",
parentKey: "database1"
},
{
key: "database2",
value: "database2",
title: ""
},
{
key: "sys_user",
title: "表",
value: "sys_user",
parentKey: "database2"
},
{
key: "sys_account",
title: "表",
value: "sys_account",
parentKey: "database2"
},
{
key: "sys_shop",
title: "表",
value: "sys_shop",
parentKey: "database2"
},
{
key: "database3",
title: "",
value: "database3"
}
];
const leftTree = Data;
const rightTree = [];
class App extends Component {
constructor(props) {
super(props);
}
componentWillMount() {}
handleClick =()=>{
console.log(getAllTreeData());
}
render() {
return (<div style={{ height: '500px' }}>
<TreeTransfer
placeholder={'Search'}
showSearch={true}
treeWidth={250}
treeHeight={400}
getAllTreeData={getAllTreeData} leftTreeData={ leftTree } rightTreeData={ rightTree}
leftTitle={'左树'}
rightTitle={'右树'}
editSaveCallBack={}
editOnChangeCallBack={}
/>
<button onClick={this.handleClick}>获取数据</button>
</div>
);
}
}
ReactDOM.render(<App />,document.querySelector('#app'));
// transferBtns 默认值
[{
key: 'allToRight',
name: '>>',
className: ''
},
{
key: 'toRight',
name: '>',
className: ''
},
{
key: 'tolLeft',
name: '<',
className: ''
},
{
key: 'allToLeft',
name: '<<',
className: ''
}]