I have a 'Tour' object with multiple 'Steps' associated to it through a master-detail relationship. I display the 'Steps' with an accordion that queries all of them based on the currentRecordId. I want to have a 'Delete' button for each step within the accordion and onclick it would take in the step.Id and delete that step from the database. My JS file works as needed right now, but I'd like to be able to delete from within the accordion.
@AuraEnabled(cacheable=true)
public static List<Step__c> getSteps(Id tourId){
return [SELECT Id, Name FROM Step__c WHERE Tour__c =: tourId];
}
@AuraEnabled
public static void deleteStep(Id stepId){
List<Step__c> steps = [SELECT Id FROM Step__c WHERE Id =: stepId];
delete steps;
}
Example Html:
<lightning-accordion allow-multiple-sections-open>
<template if:true={steps.data}>
<template for:each={steps.data} for:item="step">
<lightning-button label="Delete" variant="destructive" onclick={deleteStep}></lightningbutton>
<!-- Code to grab {step.Id} and give it to Javascript that calls Apex function to delete -->
</template>
</template
</lightning-acordion>
Example JS:
deleteStep(){
deleteStep({stepId: accordionStepId}) //something like this
.then(result => {
this.message = 'it worked';
})
.catch(error => {
this.error = 'is this even possible';
});
}
