微信小程序的多列選擇器


<picker mode="multiSelector" range='{{arrayObjMulti}}' range-key='id' 
bindchange='changeMulti' bindcolumnchange='columnchange'>
<view>{{showme}}</view>
</picker>

mode = multiSelector 這個是多列選擇器。

然后json數據的格式是雙列數組。

arrayObjMulti:[
      [
        { id: "1001", name: "1" },
        { id: "1002", name: "2" },
        { id: "1003", name: "3" },
        { id: "1004", name: "4" },
        { id: "1005", name: "5" }
      ],
      [
        { id: "1001", name: "1" },
        { id: "1002", name: "2" },
        { id: "1003", name: "3" },
        { id: "1004", name: "4" },
        { id: "1005", name: "5" }
      ]
    ],
columnchange:function(e){
    //打印對象
    console.log(e.detail);
  },
  changeMulti:function(e){
    var indexs = e.detail.value;
    console.log(indexs.length);
    var arrayObjMulti = this.data.arrayObjMulti;
    console.log(arrayObjMulti);
    for(var i = 0 ; i<indexs.length ; i ++){
      var indexTmp = indexs[i]; 
      console.log(indexTmp);
      console.log(arrayObjMulti[indexs]);
      var id = arrayObjMulti[i][indexTmp].id;
      var name = arrayObjMulti[i][indexTmp].name;
      console.log(id+" "+name)
    }
  }

我說的不清楚,只能調試弄懂


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM