⼩程序pickermultiSelector⾮官⽅例⼦，动态加载JSON数
据
官⽅看到picker例⼦，但是获取的数据都是索引，并⾮业务逻辑的的id。并且设置选项也不是动态的。所以⾃⼰写了⼀个动态获取arrayjson数据的例⼦，并能得到业务id。本⼈新⼿，欢迎吐槽。
wxml
<view class="section">
<view class="section__title">多列选择器</view>
<picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange1" value="{{multiIndex}}" range="{{multiArray}}">
<view class="picker">
当前选择：{{multiArray[0][multiIndex[0]]}}，{{multiArray[1][multiIndex[1]]}}，{{multiArray[2][multiIndex[2]]}}
</view>
</picker>
</view>
JS
Page({
data: {
index: 0,
multiArray: [
],
objectMultiArray: [{
"id": 1,
"name": "⽆脊柱动物",
"parentid": 0
}, {
"id": 2,
"name": "脊柱动物",
"parentid": 0
}, {
"id": 3,
"name": "线形动物",
"parentid": 1
}, {
"id": 4,
"name": "环节动物",
"parentid": 1
}, {
"id": 5,
"name": "鱼",
"name": "鱼",
"parentid": 2
}, {
"id": 6,
"name": "两栖动物",
"parentid": 2
}, {
"id": 8,
"name": "蚂蚁",
"parentid": 3
}, {
"id": 9,
"name": "蚂蟥",
"parentid": 3
}],
multiIndex: [0, 0, 0],
multiIndexid: [0, 0, 0]
},
initMultArray(objectMultiArray) {
var firstarr = [];
var secondarr = [];
var thridarr = [];
var firstid = 0,
secondid = 0,
thridid = 0;
for (var i = 0; i < objectMultiArray.length; i++) {
if (objectMultiArray[i].parentid == 0) {
firstarr.push(objectMultiArray[i].name);
if (firstid == 0) firstid = objectMultiArray[i].id;
continue;
}
if (firstid != 0 && objectMultiArray[i].parentid == firstid) {
secondarr.push(objectMultiArray[i].name);
if (secondid == 0) secondid = objectMultiArray[i].id;
continue;
写文章的小程序}
if (secondid != 0 && objectMultiArray[i].parentid == secondid) {        thridarr.push(objectMultiArray[i].name);
if (thridid == 0) thridid = objectMultiArray[i].id;
}
}
var multiArray = [firstarr, secondarr, thridarr]
return multiArray;
},
selectColumnfirst(objectMultiArray, columnindex, itemindex) {
},
onLoad(e) {
var objectMultiArray = this.data.objectMultiArray;
this.setData({
multiArray: this.initMultArray(objectMultiArray)
});
},
getPickIDValue(multiIndex) {
var objectMultiArray = this.data.objectMultiArray;
var firstindex = multiIndex[0],
secondindex = multiIndex[1],
thridindex = multiIndex[2];
var tmpfirstindex = 0,
tmpsecondindex = 0,
tmpthridindex = 0;
var firstid = 0,
secondid = 0,
thridid = 0;
for (var i = 0; i < objectMultiArray.length; i++) {
if (objectMultiArray[i].parentid == 0) {
if (tmpfirstindex == firstindex) {
firstid = objectMultiArray[i].id;
}
tmpfirstindex++;
continue;
}
if (firstid != 0 && objectMultiArray[i].parentid == firstid) {
if (tmpsecondindex == secondindex) {
secondid = objectMultiArray[i].id;
}
tmpsecondindex++;
continue;
}
if (secondid != 0 && objectMultiArray[i].parentid == secondid) {        if (tmpthridindex == thridindex) {
thridid = objectMultiArray[i].id;
}
tmpthridindex++;
continue;
}
}
var multiID = [firstid, secondid, thridid]
console.log(multiID);
return multiID;
},
bindMultiPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e, e.detail.value)
this.setData({
multiIndex: e.detail.value
})
},
bindMultiPickerColumnChange1: function(e) {
console.log('修改的列为', lumn, '，值为', e.detail.value);
var data = {
multiArray: this.data.multiArray,
multiIndex: this.data.multiIndex
};
data.multiIndex[lumn] = e.detail.value;
var objectMultiArray = this.data.objectMultiArray;
switch (lumn) {
switch (lumn) {
case 0:
var firstindex = data.multiIndex[0];
var tmpfirstindex = 0;
var firstid = 0,
secondid = 0,
thridid = 0;
data.multiArray[1] = [];
data.multiArray[2] = [];
for (var i = 0; i < objectMultiArray.length; i++) {
if (objectMultiArray[i].parentid == 0) {
if (tmpfirstindex == firstindex) {
firstid = objectMultiArray[i].id;
}
tmpfirstindex++;
continue;
}
if (firstid != 0 && objectMultiArray[i].parentid == firstid) {
data.multiArray[1].push(objectMultiArray[i].name);
if (secondid == 0) secondid = objectMultiArray[i].id;
}
if (secondid != 0 && objectMultiArray[i].parentid == secondid) {            data.multiArray[2].push(objectMultiArray[i].name);
if (thridid == 0) thridid = objectMultiArray[i].id;
}
}
data.multiIndex[1] = 0;
data.multiIndex[2] = 0;
break;
case 1:
var firstindex = data.multiIndex[0];
var secondindex = data.multiIndex[1];
var tmpfirstindex = 0;
var tmpsecondindex = 0;
var firstid = 0,
secondid = 0,
thridid = 0;
data.multiArray[2] = [];
for (var i = 0; i < objectMultiArray.length; i++) {
if (objectMultiArray[i].parentid == 0) {
if (tmpfirstindex == firstindex) {
firstid = objectMultiArray[i].id;
}
tmpfirstindex++;
continue;
}
if (firstid != 0 && objectMultiArray[i].parentid == firstid) {
if (tmpsecondindex == secondindex) {
secondid = objectMultiArray[i].id;
}
tmpsecondindex++;
continue;
}
if (secondid != 0 && objectMultiArray[i].parentid == secondid) {
data.multiArray[2].push(objectMultiArray[i].name);
if (thridid == 0) thridid = objectMultiArray[i].id;
}
}
data.multiIndex[2] = 0;
console.log(data.multiIndex);
break;
}
this.setData(data);
},
bindMultiPickerColumnChange: function(e) {
console.log('修改的列为', lumn, '，值为', e.detail.value);
var data = {
multiArray: this.data.multiArray,
multiIndex: this.data.multiIndex
};
data.multiIndex[lumn] = e.detail.value;
switch (lumn) {
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]) {

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。