微信小程序 联动菜单 部门 岗位

.wxml

<!--pages/roomHandle/roomHandle.wxml-->

< form bindsubmit= "formSubmit" bindreset= "formReset">

< view class= 'underline'>

< view class= 'rowFlexCenter height80'>

< view class= 'orderName'>选择宿舍： </ view >

< view class= 'orderValue'>

< picker style= 'width:500rpx;font-size:11px' mode= 'multiSelector' range= '{{pickArray}}' bindchange= 'pickChange' bindcolumnchange= 'pickColumn'>{{showText}} </ picker >

</ view >

</ view >

</ view >

< view class= 'FootButton'>

< button class= 'FristButton' formType= "submit">提交 </ button >

< button class= 'SecondButton' formType= "reset">重置 </ button >

</ view >

</ form >

.js

// pages/roomHandle/roomHandle.js
const app = getApp()
var detid
var proid
Page({
  /**
   * 页面的初始数据
   */
  data: {
    name:'',
  //启动数据
  startdata:[],
    //部门
  detArray: [],
  //人员
  proArray: [],
  pickIndex: [0, 0],
  pickArray: [['总经办', '设计部', '财务部', '商务部', '采购部', '项管部', '信息部', '行政人事部'], []],
  showText: '请选择'
  },
/*联动数组的选择函数 */
  //列滚动
  pickColumn: function (e) {
    //console.log('查看 柜子查询' + this.data.roomArray[index[0]].s_r_id)
    var page = this
    switch (e.detail.column) {
      //第一列滚动
      case 0:
        var detArray = page.data.detArray
        var proArray = page.data.proArray
        var pickBedArray = []
        //绑定床
        for (var i = 0; i < proArray.length; i++) {
          if (detArray[e.detail.value].s_d_id == proArray[i].s_did) {
            pickBedArray.push(proArray[i].s_username)
          }
        }
        //更新数据
        page.setData({
          'pickArray[1]': pickBedArray,
        })
        break
      //第二列滚动
      case 1:
        break
      //第三列滚动
      case 2:
        break
    }
  },/*联动数组的选择函数 */
  
/*联系数组的确定函数 */
  //选中
  pickChange: function (e) {
    var index = e.detail.value
    //空项转换
    if (index[0] == null) {
      index[0] = 0
    }
    if (index[1] == null) {
      index[1] = 0
    }
    //确定选项
    //房间
    var detName = this.data.detArray[index[0]].s_d_name
    var detId = this.data.detArray[index[0]].s_d_id
    //床
    var proArray = this.data.proArray
    var pickBedArray = []
    for (var i = 0; i < proArray.length; i++) {
      if (proArray[i].s_did == detId) {
        pickBedArray.push(proArray[i])
      }
    }
    var proName = pickBedArray[index[1]].s_username
    var proId = pickBedArray[index[1]].s_id
    //显示
    this.setData({
      showText: '部门：'+detName + '  姓名：' + proName
    })
    //
    detid = detId
    proid = proId
    console.log('-------部门：'+detName + '  姓名：' + proName)
    console.log('detId : ' + detId)
    console.log('proId : ' + proId)
  },/*联系数组的确定函数 */


/*form表单的提交和重置 */
  formSubmit: function (e) {
    console.log('form发生了submit事件，携带数据为：'+detid+"----"+proid)
  },
  formReset: function () {
    this.setData({
      showText: '请选择',
      pickIndex: [0, 0]
    })
  },/*form表单的提交和重置 */
  /*生命周期函数--监听页面加载 */
  onLoad: function (options) {
    var page = this
        //部门赋值
          page.setData({
            detArray: [{ "s_d_id": 1, "s_d_name": "总经办" }, { "s_d_id": 2, "s_d_name": "设计部" }, { "s_d_id": 3, "s_d_name": "财务部" }, { "s_d_id": 4, "s_d_name": "商务部" }, { "s_d_id": 5, "s_d_name": "采购部" }, { "s_d_id": 6, "s_d_name": "项管部" }, { "s_d_id": 7, "s_d_name": "信息部" }, { "s_d_id": 8, "s_d_name": "行政人事部" }]
          })
          page.setData({
            proArray: [{ "s_id": 1, "s_username": "路人1", "s_did": 8 }, { "s_id": 2, "s_username": "路人2", "s_did": 7 }, { "s_id": 3, "s_username": "路人3", "s_did": 7 }, { "s_id": 4, "s_username": "路人4", "s_did": 7 }, { "s_id": 5, "s_username": "路人5", "s_did": 7 }, { "s_id": 6, "s_username": "路人6", "s_did": 8 }, { "s_id": 7, "s_username": "路人7", "s_did": 1 }, { "s_id": 8, "s_username": "路人8", "s_did": 4 }, { "s_id": 9, "s_username": "路人9", "s_did": 8 }, { "s_id": 10, "s_username": "路人9", "s_did": 3 }, { "s_id": 11, "s_username": "路人10", "s_did": 6 }, { "s_id": 12, "s_username": "路人11", "s_did": 2 }, { "s_id": 13, "s_username": "路人12", "s_did": 4 }, { "s_id": 14, "s_username": "路人13", "s_did": 2 }, { "s_id": 15, "s_username": "路人14", "s_did": 3 }, { "s_id": 16, "s_username": "路人16", "s_did": 6 }, { "s_id": 17, "s_username": "路人17", "s_did": 6 }, { "s_id": 18, "s_username": "路人18", "s_did": 5 },]
          })
  },

dome 下载地址：http://download.csdn.net/download/vip573117/10169933