ピッカーアプレットイベント、データソースオブジェクトとき

 

私たちが直接使用できるように、ピッカーアプレットは、ラジオへの根深い、ピッカーとのより良いイベント処理とマルチレベルの相互作用の契約を選択し、最も簡単には、オブジェクトと11を表示するデータを選択することです

e.detail.value選択した値を得るが、より頻繁に、私たちがフィールドに表示されたオブジェクトを、選択し、としてwxmlを使用します。
<ピッカーbindchange = "bindPickerChange"値= "{{索引}}"範囲= "{{subjectList}}"レンジキー= "{{ '名前'}}"> 
    <ビュークラス= "ピッカー"> 
    {{checkedSubject }} 
    </ビュー> 
</ピッカー>

レンジ・キーデータは、オプションのリストを表示するように変更することができます使用して、データソースのどのsubjectList、checkedSubject我々が提示するデータを確認した後、

[{ "ID":1、 "名前": "语文"}、{ "ID":2、 "名称": "数学"}、{ "ID":3 "名前": "外语"}、{ "ID":4、 "名前": "物理"}、{ "ID":5、 "名前": "化学"}、{ "ID":6、 "名前"、 "政治"}、{「ID ":7、" 名前 "" 地理 "}、{" ID ":8、" 名前 ":" 历史 "}、{" ID ":9、" 名前 "" 体育 "}、{" ID」: 10、 "名前": "音乐"}、{ "ID":11、 "名前": "生物"}、{ "ID":12、 "名前": "总分"}、{ "ID":13 、 "名前": "排名"}、{ "ID":14、 "名前": "美术"}、{ "ID":17、 "名前": "思想品德"}]

 ディスプレイが関連により選択され、データソースインデックスされた後、対応するJSは、以下:

bindPickerChange:関数(E){ 
    にconsole.log( 'ピッカー发送选择改变、携带值为'、e.detail.value)
    this.setData({ 
      checkedSubject:this.data.subjectList [e.detail.value] .nameの、
      subjectId:this.data.subjectList [e.detail.value] .ID 
    })
  }、

 

おすすめ

転載: www.cnblogs.com/sakura-lifangfang/p/11414847.html