You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
# Transfer
|
|
|
|
|
|
|
|
|
|
- category: Components
|
|
|
|
|
- chinese: 穿梭框
|
|
|
|
|
- type: 表单
|
|
|
|
|
- cols: 1
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
双栏选择框
|
|
|
|
|
|
|
|
|
|
## 何时使用
|
|
|
|
|
当需要从一个数据源中筛选数据时可使用穿梭框更方便地操作数据。
|
|
|
|
|
|
|
|
|
|
## API
|
|
|
|
|
|
|
|
|
|
### Transfer
|
|
|
|
|
|
|
|
|
|
| 参数 | 说明 | 类型 | 默认值 |
|
|
|
|
|
|-----------|------------------------------------------|------------|--------|
|
|
|
|
|
| dataSource | 数据源 | Array | [] |
|
|
|
|
|
| render | 每行数据渲染函数 | Function(record) | |
|
|
|
|
|
| targetKeys | 显示在右侧框数据的key集合 | Array | [] |
|
|
|
|
|
| onChange | 变化时回调函数 | Function(newTargetKeys) | |
|
|
|
|
|
| width | 单个穿梭框的宽度 | Number | 160 |
|
|
|
|
|
| height | 单个穿梭框主体的高度 | Number | 150 |
|
|
|
|
|
| titles | 标题集合,顺序从左至右 | Array | ['源列表', '目的列表'] |
|
|
|
|
|
| operations | 操作文案集合,顺序从上至下 | Array | [] |
|
|
|
|
|
| showSearch | 是否显示搜索框 | Boolean | false |
|
|
|
|
|
| searchPlaceholder | 搜索框的默认值 | String | 请输入搜索的内容 |
|
|
|
|
|
| footer | 底部渲染函数 | Function(props) | | |
|
