国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 日照市| 江北区| 砚山县| 巴里| 射阳县| 慈利县| 衡东县| 资兴市| 昌宁县| 响水县| 绥阳县| 山西省| 治县。| 安阳市| 三河市| 宜宾市| 改则县| 高台县| 太仆寺旗| 六安市| 清远市| 隆安县| 通河县| 黑河市| 乌拉特中旗| 益阳市| 隆昌县| 牡丹江市| 龙井市| 秦安县| 中牟县| 靖远县| 怀来县| 巴彦淖尔市| 色达县| 东安县| 通渭县| 丰城市| 堆龙德庆县| 铜梁县| 栾城县|