微信小程序> picker,微信小程序picker选择器从后台拿值

picker,微信小程序picker选择器从后台拿值

浏览量:6381 时间: 来源:进阶的码农
这种东西在项目中是很常见的,文档上有的demo我这里就不在重复一遍了,我现在说的是从后台拿到的数据,放在这个选择器里。
后台返回的格式是这样的:

我们要实现的样子是这样的:

其实跟文档上介绍的普通选择器差不多,只是多了几个条件值,
我们一起来看一下代码:主要看标红的这几个条件
viewclass='regPhonef'imagesrc='../../images/regConTeam-Icon.png'class='regCon-IconregSelect-Icon'/imageviewpickerbindchange="bindCasPickerChange"range="{{casArray}}"value='{{casArray[casIndex].Id}}'class='regSelect'range-key="{{'Name'}}"inputclass='selectInp'placeholder-class='{{place}}'placeholder='请选择团队'name='casArry'disabled='false'value='{{casArray[casIndex].Name}}'//picker/viewimagesrc='../../images/select-icon.png'class='select-icon'/image/viewvalue='{{casArray[casIndex].Id}}'class='regSelect'range-key="{{'Name'}}"inputclass='selectInp'placeholder-class='{{place}}'placeholder='请选择团队'name='casArry'disabled='false'value='{{casArray[casIndex].Name}}'//picker/viewimagesrc='../../images/select-icon.png'class='select-icon'/image/view/下拉框函数/bindCasPickerChange:function(e){console.log('乔丹选的是',this.data.casArray[e.detail.value].Name)console.log('乔丹选的是',this.data.casArray[e.detail.value].Id)this.setData({teamname:this.data.casArray[e.detail.value].Name,teamid:this.data.casArray[e.detail.value].Id})if(e.detail.value==4){this.setData({reply:true})}else{this.setData({reply:false})}this.setData({casIndex:e.detail.value})},
.regSelect-Icon{float:left;}.row-wrap{width:80%;height:100%;float:left;margin-left:20rpx;}.regSelect{font-size:28rpx;position:relative;padding-top:18rpx;height:100%;}.selectInp{width:100%;font-size:28rpx;position:absolute;}.section{font-size:28rpx;margin-left:50rpx;margin-top:30rpx;}.f{position:relative;}.select-icon{position:absolute;width:30rpx;height:14rpx;right:40rpx;top:50%;margin-top:-7rpx;}.on{display:block}.off{display:none}.regConBtm{color:#11b3c2;font-size:26rpx;text-align:right;margin-top:20rpx;padding-right:20rpx;}想要获得更多资料的请微信搜索公众号【热血科技】,关注一下即可。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎