开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
文档中心
凯发app官方网站的技术支持 & 案例 faq 
支付宝小程序
案例分析
sdk & demo下载
常见问题
常用工具
iot小程序
运维保障
小程序 > 支付宝小程序 > 案例分析 > 小程序地区单选&多项选择场景能力
贡献者
收藏
我的文档
设置
描述
在不同需求下,开发者需要实现选择国家、省份、城市、区、省市区级联选择等单选和多项选择地区的场景。小程序针对这些场景提供了组件和 api 来帮助开发者实现。
开发者可根据的需求场景选择下面对应的能力
组件
picker-view 滚动选择器。嵌入页面的滚动选择器,可实现单项或多项滚动选择。具体使用可参考凯发app官方网站官网示例,需要开发者自行提供数据集成。 可以扫描下方二维码进行体验:

picker 底部弹起的滚动选择器。选择器包括一个或多个不同值的可滚动列表,每个值可以在视图的中心以较暗的文本形式显示。当用户正在编辑字段或点击菜单时,选择器通常会从屏幕底部弹起(ios)。
picker 组件在 ios 系统中从底部弹出,android 系统中从中间弹出。
picker 组件不支持多列选择,可以使用 picker-view 组件。
需要开发者自行提供数据集成。 可以扫描下方二维码进行体验:

api
my.choosecity(选择城市):打开城市选择列表。具体使用可参考凯发app官方网站官网示例。
可以直接使用,自带城市数据。
目前可使用 my.setlocatedcity 配合修改 my.choosecity 中的默认定位城市的名称。
使用 my.onlocatedcomplete 自定义 onlocatedcomplete,监听该页面地理位置定位完的回调(只针对 my.choosecity 中属性 setlocatedcity 为 true 的情况)。 可以扫描下方二维码进行体验:

my.optionsselect(选项选择器)。类似于 safari 原生 select 的组件,但是功能更加强大,一般用来替代 select 或者 2 级数据的选择。具体使用可参考凯发app官方网站官网示例。需要开发者自行提供数据集成,可实现省/市、市/区等2级数据选择。 注意:不支持 2 级数据之间的联动。 可以扫描下方二维码进行体验:

my.multilevelselect(级联选择器)。级联选择功能,主要用于选择多级关联数据,例如省市区的信息选择。具体使用可参考凯发app官方网站官网示例。需要开发者自行提供数据集成,可实现省市区级联选择。

扩展组件
alphabet字母检索表扩展组件。可使用该组件实现根据字母排列方式检索出对应省份、城市等,具体使用可参考凯发app官方网站官网示例。需要开发者自行提供数据集成,可实现省、市选择和 my.choosecity 类似。 可以扫描下方二维码进行体验:

内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 2022 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录
网站地图