shop-applet/uni_modules/uni-data-picker/readme.md

1.4 KiB
Raw Blame History

DataPicker 级联选择

组件名uni-data-picker 代码块: uDataPicker 关联组件:uni-data-pickerviewuni-load-more

<uni-data-picker> 是一个选择类datacom组件

支持单列、和多列级联选择。列数没有限制如果屏幕显示不全顶部tab区域会左右滚动。

候选数据支持一次性加载完毕,也支持懒加载,比如示例图中,选择了“北京”后,动态加载北京的区县数据。

<uni-data-picker> 组件尤其适用于地址选择、分类选择等选择类。

<uni-data-picker> 支持本地数据、云端静态数据(json)uniCloud云数据库数据。

<uni-data-picker> 可以通过JQL直连uniCloud云数据库配套DB Schema可在schema2code中自动生成前端页面还支持服务器端校验。

在uniCloud数据表中新建表“uni-id-address”和“opendb-city-china”这2个表的schema自带foreignKey关联。在“uni-id-address”表的表结构页面使用schema2code生成前端页面会自动生成地址管理的维护页面自动从“opendb-city-china”表包含的中国所有省市区信息里选择地址。

查看文档

如使用过程中有任何问题或者您对uni-ui有一些好的建议欢迎加入 uni-ui 交流群871950839