Hi,
How do you create dependent values in nested array as below.
Select = Country-> Car vendor -> Car model
— JS —
var carVendors = {
Japanese : [‘Honda’, ‘Lexus’, ‘Mazda’, ‘Nissan’, ‘Toyota’],
German : [‘Audi’, ‘BMW’, ‘Mercedes’, ‘Volkswagen’, ‘Volvo’],
American : [‘Cadillac’, ‘Chrysler’, ‘Dodge’, ‘Ford’]
};
carModels{
Toyota:[‘Camry’,‘Avalon’,‘Corolla’],
Audi:[‘A3’,‘A5’,A7],
Ford:[‘Escape’,‘Edg’]
}
var pickerDependent = app.picker.create({
inputEl: ‘#demo-picker-dependent’,
rotateEffect: true,
formatValue: function (values) {
return values[1];
},
cols: [
{
textAlign: ‘left’,
values: [‘Japanese’, ‘German’, ‘American’],
onChange: function (picker, country) {
if(picker.cols[1].replaceValues){
picker.cols[1].replaceValues(carVendors[country]);
}
}
},
{
values: carVendors.Japanese,
},
{
values:carModels.Toyota,
},
]
});