picker 从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器。 picker官方文档链接 由于项目需求,需要使用省市2级联动选择器,由于官方默认提供的是省市区3级联动选择器,所以自己封装了一个 ...
最近呢刚好做了一个省市联动的功能,今天看到有人问这个怎么做,我就把我做的放上来共享一下: 首先呢,来看看效果,点击文字 点击 ,弹出选择窗口,点击取消或者确定 取消 确定按钮在选择框上边,截图有些不清楚 ,窗口下滑, 做这个我用的是picker view这个组件,现在来看一看picker view的属性: 现在开始写wxml的代码,对了,插一句,我这里是把它写成一个模板的,先看看目录结构 我们先来 ...
2017-04-08 14:50 4 12078 推荐指数:
picker 从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器。 picker官方文档链接 由于项目需求,需要使用省市2级联动选择器,由于官方默认提供的是省市区3级联动选择器,所以自己封装了一个 ...
最近在做一个项目的时候遇到了这么一个问题,就是省市区的联动呢,我们需要自定义字典来设置,那么微信小程序自带的省市区选择就不能用了,经过三根烟的催化,终于写出来了。下面献上代码示例。 首先是在utils文件夹存入arealist.js文件,内容 ...
转自 http://www.yiyongtong.com/archives/view-7567-1.html 成品图 一、数据格式 数据是树形结构的数据 数据 ...
这个是微信小程序的picker-view组件,开发的省市区3级联动,体验还不错,就分享给大家了, 此版本的省市区数据为本地JS数据,免去请求加载数据了,大家直接看源码,先看下面的动图: 项目地址:https://github.com/pannysp ...
参考地址:https://juejin.im/post/5e6995a0f265da576d60b953 ...
github项目地址 https://github.com/z1511676208/chooseAddr 序:项目中需要用到三级联动,自己试着写了下,也查了一些资料,现在把这个记录一下,里面地区数据,可根据个人需要做一些更改,我比较懒就不改了。 wxml < ...
这就是我们要实现的效果 给“所在地区” 绑定点击事件 ‘selectDestrict’ 也就是通过触发这个方法从而我们要展示什么 在这里也就是展示picker-view组件 ...
今天说一下小程序经常遇到的联动案例,项目要求点左边右边的内容要对应的跳转,所以说当我们点击左侧边栏的时候要动态的把id传给右边的内容,使其对应,接下来就看看是怎么实现的吧。下节我会说一下右到左的联动,喜欢的小伙伴要关注 ...