Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >微信小程序开发-picker使用

微信小程序开发-picker使用

余生

发布于 2018-10-15 07:51:31

发布于 2018-10-15 07:51:31

1.5K0

举报

文章被收录于专栏：余生开发余生开发

<picker range='{{数据源}}' value="{{数据源下标}}" bindchange="bindtradeChange"> <view class="weui-input" style='overflow: hidden;white-space: nowrap;text-overflow:ellipsis;'>{{数据源[下标]}}</view> </picker> <picker range='{{数据源}}' range-key='要显示的数据源中的字段' value="{{数据源下标}}" bindchange='listenerSexSelected'> <view class="weui-input">{{数据源[下标].字段}}</view> </picker> 监听选择的数据变化 listenerSexSelected: function (e) { //改变index值，通过setData()方法重绘界面 this.setData({ index: e.detail.value }); }, bindtradeChange: function (e) { this.setData({ tradeIndex: e.detail.value }) },

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2018.03.08 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

2020/7/7学习记录

数据库一体机 TData

<text decode=”{ {true}}” space=”{ {true}}”> 报名人数 </text>

全栈程序员站长

2022/09/23

2280

微信小程序在腾讯地图上选择定位

小程序 xml 微信 javascript git

微信小程序地图上选择位置参考这位大神的，确实有效果。做了一个考勤的小程序，当然，也是整体拿的https://github.com/tommenx/wxss 只是这个小程序不能在地图上选择定位，按照前面那个，进行了修改。分别是：1.新建一个打卡活动——2.默认是当前手机所在位置——3.选择获取地点——4.打开地图，显示当前位置，可以手动拖动重新定位——5.也可以搜索新的地名，确定后返回到地图上，完成后返回到新建活动页面，活动地点也跟着更新了。

hotqin888

2019/05/07

4.8K3

微信小程序在腾讯地图上选择定位

微信小程序 picker-从底部弹起的滚动选择器

效果图官方文档链接 wxml <view>普通选择器：请选择选项</view>  <picker mode="selector" range="{{array}}" value="{{index}}" bindchange="chan

peng_tianyu

2022/12/15

1.2K0

微信小程序 picker-从底部弹起的滚动选择器

微信小程序pick组件使用问题总结

xml 编程算法 javascript

. 这里我创建了一个index目录,该目录下面创建好必备的文件。这里只会操作到.js和.wxml文件。第一种方案 wxml文件添加如下内容

兔云小新LM

2019/07/24

1.1K0

微信小程序picker组件关于objectArray数据类型绑定

　　我发现很多的同学都在抱怨说微信小程序的picker的mode = selector/mode = multiSelector 无法实现Object Array数据类型的绑定，其实很多人就想要和html中的下拉选中的通过选中获取vaule中的属性值，其实认真查看微信picker组件详解的都知道其实是可以实现的，只不过微信给的实例是array的实例而object array实例是留给大家去动手的哟，在这里我主要介绍的mode=selector 的objectArray实现。

追逐时光者

2019/08/28

3K0

微信小程序picker组件关于objectArray数据类型绑定

【愚公系列】2022年08月微信小程序-省市区三联动功能实现

https 网络安全 json 小程序编程算法

多级联动下拉菜单是前端常见的效果，省市区三级联动又属于其中最典型的案例。多级联动一般都是与数据相关联的，根据数据来生成和修改联动的下拉菜单。完成一个多级联动效果，有助于增强对数据处理的能力。

愚公搬代码

2022/09/26

3.6K0

【愚公系列】2022年08月微信小程序-省市区三联动功能实现

微信小程序之picker组件

微信小程序音视频

作为移动端的分发入口，微信小程序虽然没有当初期望的那么火，但是却是一个不能忽视的入口。撇开微信小程序对于腾讯生态的原因不说，微信小程序对于开发还是很方便的，特别是对于白痴选手来说，基本不需要多少过多的

xiangzhihong

2018/01/26

3.7K0

小程序开发总结04 - 特殊样式处理

小程序微信

微信小程序中的button组件有特定的css，背景可用background:none;去掉，但边框直接用border:none;无法去除

CS逍遥剑仙

2018/06/23

1.1K0

小程序开发总结04 - 特殊样式处理

微信小程序----picker选择器（picker、省市区选择器）（MUI选择器）

1，由于微信小程序的picker组件只提供单独时间选择器和日期选择器，在实际开发中，我们可能需要同时选择日期和时间，组件不够全面，所以在做日期选择器时，需要注意； 2，解决日期和时间选择器结合的方法，利用多列选择器实现； 3，由于多列选择器的数据采用的是二维数组，所以不能直接实现联动效果，需要对数据判断处理。

Rattenking

2021/02/01

6.3K0

微信小程序----picker选择器（picker、省市区选择器）（MUI选择器）

小程序 tab 滚动列表优化方案

javascript 小程序微信

今天在做百度小程序的转换，发现真机上用之前的swiper-item结合scroll-view 实现的Tab列表的效果不理想，于是我重新思考，发现了一种更合适的方案。

前端开发博客

2020/11/04

2.1K0

小程序 tab 滚动列表优化方案

微信小程序自动完成文本框

wxml:部分  <view class="textview"> <text class="text">Tip:输入内容后，下方自动显示匹配的结果，点击结果项自

李才哥

2019/07/10

1.9K0

微信小程序官方组件展示之表单组件picker源码

以下将展示微信小程序之表单组件picker源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。

软件事业部

2022/09/19

1.1K0

小程序的三级联动

项目中经常遇到要选择城市。用到三级联动的方式微信小程序的 picker 组件 mode=date 是三级联动的，但是无法自定义，这让我们心痛不已，值得我们欣慰的 picker-view 组件是可以自

云扬四海

2019/06/05

4.8K0

微信小程序，循环下拉列表，点击时只展开其中一个「建议收藏」

https java 网络安全

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/127833.html原文链接：https://javaforall.cn

全栈程序员站长

2022/07/25

1.1K0

微信小程序，循环下拉列表，点击时只展开其中一个「建议收藏」

微信小程序提交form表单内容

wxml <form catchsubmit="confirmPublish"> <view class="cu-form-group margin-top"> <view class="title d-flex"> 姓名 </view> <view class="w-100 h-100 borderBottom flex-1 d-flex jc-start ai-center" style="height:100rpx;"> <input maxleng

王小婷

2021/06/29

1.6K0

微信小程序自定义yPicker组件分析及省市区三级联动实现

编程算法 https 网络安全

本文为作者行舟客投稿，原文地址：https://blog.csdn.net/qq_43624878/article/details/109284502?utm_source=app 完整项目地址：h

winty

2020/11/05

9540

微信小程序自定义yPicker组件分析及省市区三级联动实现

【愚公系列】2022年03月微信小程序-picker选择器

picker选择器分为三种，普通选择器，时间选择器，日期选择器用mode属性区分，默认是普通选择器。

愚公搬代码

2022/12/01

1.2K0

【愚公系列】2022年03月微信小程序-picker选择器

前端-微信小程序开发(2)：小程序基本介绍

前面我们研究了下微信小程序的执行流程，因为拿不到源码，只能算我们的猜想，我们需要更加了解小程序还需要做具体的项目，于是我们将原来那套还算复杂的业务拿出来：

grain先森

2019/03/29

1.8K0

前端-微信小程序开发(2)：小程序基本介绍

微信小程序picker选择器渲染json数据

css json 数据

json数据 { "msg": "查询成功", "code": 1, "data": [{ "id": 1413, "organName": "广西化工有限公司" }, { "id": 1414, "organName": "安全环保部" }, { "id": 1415, "organName": "综合管理部" }, { "id": 1416,

王小婷

2021/06/29

1.3K0

小程序购物车功能

var cart_info=[{'id':this.data.id,'cart_num':this.data.cart_num,'logo':this.data.good_info.logo,'market_price':this.data.good_info.market_price,'title':this.data.good_info.title,'checked':true}];

黄啊码

2021/09/26

8290

相关推荐

2020/7/7学习记录

更多 >