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.
35 lines
2.4 KiB
35 lines
2.4 KiB
5 months ago
|
# data-picker
|
||
|
**具体使用示例请导入示例项目查看**
|
||
|
|
||
|
1、该组件在uview的基础上研发,使用前需要先引入uview,[点击查看组件引入教程](http://t.csdn.cn/9uFhh)
|
||
|
|
||
|
2、sourceData如果不传的话,会默认取区域数据作为数据源
|
||
|
|
||
|
3、支持三种模式传递默认值,如下
|
||
|
|
||
|
```
|
||
|
indexs: [0, 0, 7],
|
||
|
defaultIds: [1, 110000, 110111],
|
||
|
defaultNames: ['北京市', '北京市', '房山区']
|
||
|
```
|
||
|
|
||
|
4、三种默认任选其一即可,如果传了多个,则选择其中一种生效,权重从大到小为indexs、defaultNames、defaultIds
|
||
|
|
||
|
5、自动识别需要的层级,如数组长度为1,显示一列,长度为3,显示3列
|
||
|
|
||
|
6、默认显示底部按钮,如果需要切换为顶部按钮,则需要传递参数showToolbar=true和showBottombar=false
|
||
|
|
||
|
### DataPicker Props
|
||
|
|
||
|
| 属性名 | 类型 | 可选值 | 默认 | 说明 |
|
||
|
| :-----------: | :-----: | :--------: | :------------: | :----------------------------------------------------------: |
|
||
|
| indexs | Array | - | - | 默认选择数据下标 |
|
||
|
| defaultNames | Array | - | - | 默认选择数据的name |
|
||
|
| defaultIds | Array | - | - | 默认选择数据的id |
|
||
|
| sourceData | Array | - | 省市县区域数据 | 源数据。不传则默认读取省市县区域数据 |
|
||
|
| showToolbar | Boolean | true/false | false | 显示顶部操作按钮 |
|
||
|
| showBottombar | Boolean | true/false | true | 显示底部操作按钮 |
|
||
|
| labelName | String | - | name | 默认sourceData中对象属性名为name,如果不是name,<br />可以自定义名称,具体可以看示例项目 |
|
||
|
| initBack | Boolean | true/false | true | 是否返回根据默认值加载的数据,相当于初始化后手动点了一次确认,<br />获取数据同样在confirm里面 |
|
||
|
|
||
|
注意:由于本组件是基于uview中的picker开发的,u-picker组件中所有的属性在本组件都支持,不再重复罗列, [点击查看u-picker组件属性](https://www.uviewui.com/components/picker.html)
|