init

xhs-mini-demos/component-case/picker/picker.js

@@ -0,0 +1,204 @@
+Page({
+  data: {
+    disabled: false,
+    headerText: 'test',
+    cancelTime: 'xxx',
+    array: ['美国', '中国', '巴西', '日本'],
+    arrayObject: [{ name: '美国' }, { name: '中国' }, { name: '巴西' }, { name: '日本' }],
+    objectArray: [
+      {
+        id: 0,
+        name: '美国',
+      },
+      {
+        id: 1,
+        name: '中国',
+      },
+      {
+        id: 2,
+        name: '巴西',
+      },
+      {
+        id: 3,
+        name: '日本',
+      },
+    ],
+    index: 1,
+    multiArray: [
+      ['无脊柱动物', '脊柱动物'],
+      ['扁性动物', '线形动物', '环节动物', '软体动物', '节肢动物'],
+      ['猪肉绦虫', '吸血虫'],
+    ],
+    objectMultiArray: [
+      [
+        {
+          id: 0,
+          name: '无脊柱动物',
+        },
+        {
+          id: 1,
+          name: '脊柱动物',
+        },
+      ],
+      [
+        {
+          id: 0,
+          name: '扁性动物',
+        },
+        {
+          id: 1,
+          name: '线形动物',
+        },
+        {
+          id: 2,
+          name: '环节动物',
+        },
+        {
+          id: 3,
+          name: '软体动物',
+        },
+        {
+          id: 3,
+          name: '节肢动物',
+        },
+      ],
+      [
+        {
+          id: 0,
+          name: '猪肉绦虫',
+        },
+        {
+          id: 1,
+          name: '吸血虫',
+        },
+      ],
+    ],
+    multiIndex: [1, 0, 1],
+    date: '2016-09-01',
+    month: '2016-09',
+    year: '2016',
+    time: '12:01',
+    region: ['广东省', '广州市', '海珠区'],
+    customItem: '全部',
+  },
+  bindPickerChange(e) {
+    console.log('picker发送选择改变，携带值为', e.detail.value);
+    this.setData({
+      index: e.detail.value,
+    });
+  },
+  bindMultiPickerChange(e) {
+    console.log('picker发送选择改变，携带值为', e.detail.value);
+    this.setData({
+      multiIndex: e.detail.value,
+    });
+  },
+  bindMultiPickerColumnChange(e) {
+    console.log('修改的列为', e.detail.column, '，值为', e.detail.value);
+    const data = {
+      multiArray: this.data.multiArray,
+      multiIndex: this.data.multiIndex,
+    };
+    data.multiIndex[e.detail.column] = e.detail.value;
+    switch (e.detail.column) {
+    case 0:
+      switch (data.multiIndex[0]) {
+      case 0:
+        data.multiArray[1] = ['扁性动物', '线形动物', '环节动物', '软体动物', '节肢动物'];
+        data.multiArray[2] = ['猪肉绦虫', '吸血虫'];
+        break;
+      case 1:
+        data.multiArray[1] = ['鱼', '两栖动物', '爬行动物'];
+        data.multiArray[2] = ['鲫鱼', '带鱼'];
+        break;
+      }
+      data.multiIndex[1] = 0;
+      data.multiIndex[2] = 0;
+      break;
+    case 1:
+      switch (data.multiIndex[0]) {
+      case 0:
+        switch (data.multiIndex[1]) {
+        case 0:
+          data.multiArray[2] = ['猪肉绦虫', '吸血虫'];
+          break;
+        case 1:
+          data.multiArray[2] = ['蛔虫'];
+          break;
+        case 2:
+          data.multiArray[2] = ['蚂蚁', '蚂蟥'];
+          break;
+        case 3:
+          data.multiArray[2] = ['河蚌', '蜗牛', '蛞蝓'];
+          break;
+        case 4:
+          data.multiArray[2] = ['昆虫', '甲壳动物', '蛛形动物', '多足动物'];
+          break;
+        }
+        break;
+      case 1:
+        switch (data.multiIndex[1]) {
+        case 0:
+          data.multiArray[2] = ['鲫鱼', '带鱼'];
+          break;
+        case 1:
+          data.multiArray[2] = ['青蛙', '娃娃鱼'];
+          break;
+        case 2:
+          data.multiArray[2] = ['蜥蜴', '龟', '壁虎'];
+          break;
+        }
+        break;
+      }
+      data.multiIndex[2] = 0;
+      console.log(data.multiIndex);
+      break;
+    }
+    this.setData(data);
+  },
+  bindDateChange(e) {
+    console.log('picker发送选择改变，携带值为', e.detail.value);
+    this.setData({
+      date: e.detail.value,
+    });
+  },
+  bindMonthChange(e) {
+    console.log('picker发送选择改变，携带值为', e.detail.value);
+    this.setData({
+      month: e.detail.value,
+    });
+  },
+  bindYearChange(e) {
+    console.log('picker发送选择改变，携带值为', e.detail.value);
+    this.setData({
+      year: e.detail.value,
+    });
+  },
+  bindTimeChange(e) {
+    console.log('picker发送选择改变，携带值为', e.detail.value);
+    this.setData({
+      time: e.detail.value,
+    });
+  },
+  bindRegionChange(e) {
+    console.log('picker发送选择改变，携带值为', e.detail.value);
+    this.setData({
+      region: e.detail.value,
+    });
+  },
+  changeDisabled() {
+    this.setData({
+      disabled: !this.data.disabled,
+    });
+  },
+  changeHeaderText({ detail }) {
+    this.setData({
+      headerText: detail.value,
+    });
+  },
+  onCacnel({ timeStamp }) {
+    this.setData({
+      cancelTime: timeStamp,
+    });
+  },
+});