1.0.6 • Published 6 years ago
wox-admin-gtour-autocomplete v1.0.6
Gtour Autocomplete 
团队游模糊搜索
API
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| urlFn | 根据用户输入拼接URL函数 必填 | Function(value) | |
| initData | 初始传入数据 必填 | Array [{key: xxx, label: xxx}] | |
| keyName | 返回数据的key值，用户选择数据后 {keyName: data} 以这种形式返回选择的数据 必填 | String | |
| disabled | 是否只读 | Boolean | false |
| singleType | 是否单选模式 | Boolean | false |
| callback | 用户选择数据后回调函数 | Function({keyName: value}) | |
| formatDataFn | 格式化获取数据函数，返回的数据格式必须为 {key: xxx, label: xxx} | Function(res.data, keyword) | |
| formatLabelFn | 格式化展示数据函数，返回的数据格式必须为 {key: xxx, label: xxx} | Function(value) |
Usage
import WoxGtourAutoComplete from 'wox-admin-gtour-autocomplete';
<WoxGtourAutoComplete
url={(v)=>`url?key=${v}`}
callback={this.props.callback}
initData={this.props.data.startLocationInfos}
keyName='keyName'
// singleType={true}
// disabled={true}
formatDataFn={(val)=>val.map(v=>({key: v.id, label: v.name}))}
formatLabelFn={(val)=>val.map(v=>({key: v.id, label: `【${v.id}】v.name`}))}
style={{width: 400}}
/>