收藏
回答

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

框架类型 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组件滚动后,点击取消,当前选择也发生了变化;

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

回答关注问题邀请回答
收藏

7 个回答

  • 微信技术专员 - Rex
    微信技术专员 - Rex
    2018-02-08

    试试 bindcancel

    2018-02-08
    有用
    回复 1
    • Y.H.JIANG
      Y.H.JIANG
      2018-09-03

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

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

    希望能够解决下

    2018-08-03
    有用 1
    回复
  • 陈焕杰
    陈焕杰
    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
    有用 1
    回复 1
    • 不忘初心,砥砺前行
      不忘初心,砥砺前行
      01-12
      对的,多列联动的时候数组是随着变化的,更新太多,只能自己留存好原始值
      01-12
      回复
  • さるです
    さるです
    06-19

    2020年过来 依然无人解决。搞不懂这什么逻辑啊。取消也变动

    06-19
    有用
    回复
  • 清蒸鱼
    清蒸鱼
    05-15

    后来怎么解决的?

    05-15
    有用
    回复
  • 锅巴
    锅巴
    2018-06-13

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

    2018-06-13
    有用
    回复
  • 🙃🙃🙃
    🙃🙃🙃
    2018-02-23

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

    2018-02-23
    有用
    回复
登录 后发表内容