收藏
回答

picker组件的mode = multiSelector多列选择器

问题模块 框架类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 picker 微信iOS客户端 6.6.2 1.9.1

picker组件的mode = multiSelector多列选择器

代码:小程序官方提供的案例

<view class="section">
  <view class="section__title">多列选择器</view>
  <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}">
    <view class="picker">
      当前选择:{{multiArray[0][multiIndex[0]]}},{{multiArray[1][multiIndex[1]]}},{{multiArray[2][multiIndex[2]]}}    </view>
  </picker></view>

当picker组件滚动后,点击取消,当前选择也发生了变化;

期望: 点击取消后,当前选择不应该变化吧,可不可以加一个点击取消的事件

最后一次编辑于  2018-02-08  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

5 个回答

  • 黄思程
    黄思程
    2018-02-08

    试试 bindcancel

    2018-02-08
    赞同
    回复 1
    • stephen.jiang
      stephen.jiang
      2018-09-03

      mode = multiSelector 做省市区的时候,range的值需要动态更改,展示的值也会页面会随着动态更改,点击取消在返回原来的值吗? 希望能做到,选择省市的时候,只有弹层的数据更改,页面的值只有点击确定的时候再更改

      2018-09-03
      回复
  • 🍃
    🍃
    2018-08-03

    希望能够解决下

    2018-08-03
    赞同 1
    回复
  • 锅巴
    锅巴
    2018-06-13

    希望,官方 mode = multiSelector   取消按键 可以隐藏 功能

    2018-06-13
    赞同
    回复
  • 陈焕杰
    陈焕杰
    2018-03-01

    遇到一样的问题,声明多一个变量可解决。最终根据这个变量取值即可

    multiIndex: [0, 0, 0],
    actualIndex: [0, 0, 0]


    <picker mode="multiSelector" bindtap="bindPickerTap" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}">
        <view class="picker">

          当前选择:{{multiArray[0][actualIndex[0]]}},{{multiArray[1][actualIndex[1]]}},{{multiArray[2][actualIndex[2]]}}   

       </view>

    </picker>


    bindMultiPickerChange: function (e) {
      console.log('picker发送选择改变,携带值为', e.detail.value)
      this.setData({

        multiIndex: e.detail.value,

       actualIndex: e.detail.value

      })
    }


    //选中项重置为取消以前的值,但是有过渡效果,当然不重置也行

    bindPickerTap: function (e) {

      this.setData({

        multiIndex: this.data.actualIndex

      })

    }



    2018-03-01
    赞同
    回复
  • 🙃🙃🙃
    🙃🙃🙃
    2018-02-23

    bindcancel试了没用,希望官方可以跟进下这个问题,谢谢

    2018-02-23
    赞同
    回复