国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 課堂 > 小程序 > 正文

微信小程序?qū)崿F(xiàn)的picker多級聯(lián)動功能示例

2020-03-21 15:55:27
字體:
供稿:網(wǎng)友

本文實例講述了微信小程序實現(xiàn)的picker多級聯(lián)動功能。分享給大家供大家參考,具體如下:

wxml部分:

<picker mode="multiSelector" bindchange="bindjobcatchange" bindcolumnchange="bingjobcatcolumnchange" value="{{multiIndex}}" range="{{job_cat_list}}"  range-key="{{'cat_name'}}"> <view class="picker">  {{fenlei_title}} </view></picker>

js部分:

Page({ data: {  server_url: app.globalData.URL,  fenlei_title:'分類',  job_cat_list:[],  multiIndex: [0,0,0],  filter:{   keywords:'',   job_cat_id:''  } }, onLoad: function () {  this.jobcat(); }, jobcat: function() {  var that = this;  wx.request({   url: app.globalData.URL + "/xxx/eeee",   data: {    x: '',    y: ''   },   header: {    'content-type': 'application/json' // 默認(rèn)值   },   success: function (res) {    var data = res.data.data;    that.setData({     job_cat_list: [data, data[0]['children'], data[0]['children'][0]['children']]    });   }  }); }, bindjobcatchange: function(e){  this.setData({multiIndex:e.detail.value}) }, bingjobcatcolumnchange: function(e){  var index = this.data.multiIndex;  const data = {   job_cat_list: this.data.job_cat_list,   multiIndex: this.data.multiIndex  }  this.data.multiIndex[e.detail.column] = e.detail.value;  if (e.detail.column==0){    data.job_cat_list[1] = this.data.job_cat_list[0][index[0]]['children'];    data.job_cat_list[2] = data.job_cat_list[1][index[1]]['children'];  }else if(e.detail.column===1){    data.job_cat_list[2] = data.job_cat_list[1][index[1]]['children'];    this.data.filter.job_cat_id = data.job_cat_list[2][index[2]]['cat_name'];  }else if(e.detail.column===2){   this.data.filter.job_cat_id=data.job_cat_list[2][e.detail.value]['cat_name'];  }  this.setData(data) }})

php后臺部分:

public function jobcate(){    $zp_job_catModel = new ZpJobCat();    $job_cat = $zp_job_catModel->getcateAll();    $i=0;    $return_data = [];    foreach ($job_cat as $key=>$val){      $return_data[$i] = $val;      $return_data[$i]['children'] = [];      if (!empty($val['children'])){        $c=0;        foreach ($val['children'] as $k=>$v){          $return_data[$i]['children'][$c] = $v;          if (!empty($v['children'])){            $return_data[$i]['children'][$c]['children'] = [];            $m=0;            foreach ($v['children'] as $val2){              $return_data[$i]['children'][$c]['children'][$m] = $val2;              $m++;            }          }          $c++;        }      }      $i++;    }    $this->_success($return_data);}

希望本文所述對大家微信小程序開發(fā)有所幫助。


發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 万州区| 南城县| 安义县| 恩平市| 永仁县| 旬阳县| 安陆市| 宝丰县| 福泉市| 大化| 永吉县| 牙克石市| 田东县| 米脂县| 白水县| 政和县| 保靖县| 公主岭市| 定兴县| 修水县| 阿尔山市| 江川县| 四子王旗| 门源| 梁山县| 清涧县| 凤城市| 贡觉县| 安吉县| 老河口市| 岳普湖县| 安国市| 高清| 新竹县| 安塞县| 富裕县| 邵东县| 哈巴河县| 新密市| 祁连县| 祁连县|