0

https://developer.salesforce.com/docs/component-library/tools/playground/jhnQTPhHF/4/edit

Is it possible to create cascaded dropdown in sf lightning. Please have a look at above playground link.

0

Yes, you should be able to do something like this:

@track value = '';
@track subStatusOptions = [];

substats = [{
    status: "Status1",
    subs: [{
        label: "substatA",
        value: "substatA"
    },{
        label: "substatB",
        value: "substatB"
    }]
},{
    status: "Status2",
    subs: [{
        label: "substatC",
        value: "substatC"
    },{
        label: "substatD",
        value: "substatD"
    }]
},{
    status: "Status3",
    subs: [{
        label: "substatE",
        value: "substatE"
    },{
        label: "substatF",
        value: "substatF"
    }]
}];
get statusOptions() {
    return [
        { label: 'Status1', value: 'Status1' },
        { label: 'Status2', value: 'Status2' },
        { label: 'Status3', value: 'Status3' },
    ];
}

handleChange(event) {
    // capture the selected value of first combo and use to filter the second
    this.value = event.detail.value;
    this.subStatusOptions = this.substats.find(ss=>ss.status==event.detail.value).subs
}

Also, you might want to rename the onchange event in the second lightning-combobox or it will error.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.