# 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) |  |  |