Salesforce 设置从属自定义Lightning选取列表Level2和Level3,然后在Lightning组件上重置Level2,但会保存Level2缓存数据
步骤1 在Salesforce Lightning组件中,我有一个场景,其中包含三个级别的从属选取列表,首先我设置选取列表级别1和级别2的值,然后用户在级别3中选择从属选取列表的值 步骤2 当我删除Level2的选择时,Level3选择也会自动删除: 步骤3 单击保存 问题是,在步骤1中选择的值被保存,而不是在步骤2中的重置值 我在Salesforce 设置从属自定义Lightning选取列表Level2和Level3,然后在Lightning组件上重置Level2,但会保存Level2缓存数据,salesforce,apex,apex-code,salesforce-lightning,Salesforce,Apex,Apex Code,Salesforce Lightning,步骤1 在Salesforce Lightning组件中,我有一个场景,其中包含三个级别的从属选取列表,首先我设置选取列表级别1和级别2的值,然后用户在级别3中选择从属选取列表的值 步骤2 当我删除Level2的选择时,Level3选择也会自动删除: 步骤3 单击保存 问题是,在步骤1中选择的值被保存,而不是在步骤2中的重置值 我在ui:inputSelectOption中添加了重置值的代码,但似乎lightning components的重置值没有得到重置,而是在单击save后保存了缓存值
ui:inputSelectOption
中添加了重置值的代码,但似乎lightning components的重置值没有得到重置,而是在单击save后保存了缓存值
请帮助修复代码,使lightning component不会保存缓存的值,而是保存当前的lightning component值
以下是组件代码:
<aura:component controller="PickListHandler" implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" >
<!-- Actions-->
<aura:handler name="init" value="{!this}" action="{!c.doInit}" />
<aura:handler name="change" value="{!v.pageReference}"
action="{!c.onPageReferenceChanged}" />
<!-- variable-->
<aura:attribute name="lstLevel1" type="String[]" />
<aura:attribute name="lstLevel2" type="String[]" />
<aura:attribute name="lstL3" type="String[]" />
<span> Level 1</span>
<ui:inputSelect aura:id="ddLevel1" change="{!c.getLvl1}">
<ui:inputSelectOption label="-Select-" value="true"/>
<aura:iteration items="{!v.lstLevel1}" var="value">
<ui:inputSelectOption label="{!value}" text="{!value}" />
</aura:iteration>
</ui:inputSelect>
<span>Level 2</span>
<ui:inputSelect aura:id="ddLevel2" change="{!c.getSelectedValue}">
<ui:inputSelectOption label="-Select-" value="{!v.clrlv1}"/>
<aura:iteration items="{!v.lstLevel2}" var="value">
<ui:inputSelectOption label="{!value}" text="{!value}" />
</aura:iteration>
</ui:inputSelect>
<span>Level 3</span>
<ui:inputSelect aura:id="ddLevel3" >
<ui:inputSelectOption label="-Select-" value="{!v.clrlv2}"/>
<aura:iteration items="{!v.lstL3}" var="value">
<ui:inputSelectOption label="{!value}" text="{!value}" />
</aura:iteration>
</ui:inputSelect>
<lightning:button variant="brand" label="Save" onclick="{!c.onConfirm}" />
</aura:component>
这一问题得到了解决,因为在更改级别1选取列表时,我没有刷新级别3选取列表,因此在
Level3
还使用将getSelectedValue
复制到getLvl1
函数的帮助程序
helper.getSelectedValue(组件、事件、helper)代码>(需要记住的是,当我们需要重复调用某些代码或方法时,helper类的一个很好的用法是这样的,因此最好将该函数放在helper)中,并在组件中再次调用,这也改变了
({
reset1 : function(component, event, helper) {
component.set("v.clrlvl", "");
},
reset2 : function(component, event, helper) {
component.set("v.clrlv2", "");
},onPageReferenceChanged: function(cmp, event, helper) {
$A.get('e.force:refreshView').fire();
},
doInit : function(component, event, helper) {
var action = component.get("c.getLevel1");
action.setCallback(this, function(e) {
if(e.getState()=='SUCCESS'){
var result=e.getReturnValue();
component.set("v.lstLevel1",result);
}
});
$A.enqueueAction(action);
},
getLvl1:function(component, event, helper){
var picklist=component.find('ddLevel1');
var picklistvalue=picklist.get('v.value');
var action = component.get("c.getLevel2");
action.setParams({ 'strName' : picklistvalue });
action.setCallback(this, function(e) {
if(e.getState()=='SUCCESS'){
var result=e.getReturnValue();
component.set("v.lstLevel2",result);
}
});
$A.enqueueAction(action);
},
getSelectedValue:function(component, event, helper){
var picklist=component.find('ddLevel1');
var picklistvalue=picklist.get('v.value');
var picklistdep=component.find('ddLevel2');
var picklistvaluedep2=picklistdep.get('v.value');
var action = component.get("c.getLevel3");
action.setParams({ 'strName1' : picklistvalue,
'strName2' : picklistvaluedep2});//
action.setCallback(this, function(e) {
if(e.getState()=='SUCCESS'){
var result=e.getReturnValue();
component.set("v.lstL3",result);
}
});
$A.enqueueAction(action);
},
onConfirm:function(component, event, helper){
var picklist=component.find('ddLevel1');
var picklistvalue=picklist.get('v.value');
var picklistdep=component.find('ddLevel2');
var picklistvaluedep2=picklistdep.get('v.value');
var picklistdep3=component.find('ddLevel3');
var picklistvaluedep3=picklistdep3.get('v.value');
var action = component.get("c.savecasetype");
action.setParams({ 'level1' : picklistvalue,
'level2' : picklistvaluedep2,
'level3' : picklistvaluedep3,
'id' : component.get("v.recordId")});
var toastEvent = $A.get("e.force:showToast");
action.setCallback(this, function(e) {
if(e.getState()=='SUCCESS'){
var result=e.getReturnValue();
if(result==='successfull'){
toastEvent.setParams({
"title": "Success!",
"message": "The record has been inserted successfully."
});
toastEvent.fire();
}else{
toastEvent.setParams({
"title": "Error",
"message": "The record has not been inserted successfully."
});
toastEvent.fire();
}
}
});
$A.enqueueAction(action);
}
})
<aura:component controller="PickListHandler" implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" >
<!-- Actions-->
<aura:handler name="init" value="{!this}" action="{!c.doInit}" />
<!-- variable-->
<aura:attribute name="lstLevel1" type="String[]" />
<aura:attribute name="lstLevel2" type="String[]" />
<aura:attribute name="lstL3" type="String[]" />
<aura:attribute name="firstlevel1selected" type="String" default="" />
<aura:attribute name="secondlevelselected" type="String" default="" />
<aura:attribute name="thirdlevelselected" type="String" default="" />
<div class="slds-container--center slds-container--small slds-m-top--small">
<div class="slds-form--stacked">
<lightning:select name="parentPicklist" label="Level 1" aura:id="ddLevel1" onchange="{!c.getLvl1}">
<option value="">--- None ---</option>
<aura:iteration items="{!v.lstLevel1}" var="value">
<option value="{!value}">{!value}</option>
</aura:iteration>
</lightning:select>
<lightning:select name="Level2Picklist" label="Level 2" aura:id="ddLevel2" onchange="{!c.getSelectedValue}" >
<option value="">--- None ---</option>
<aura:iteration items="{!v.lstLevel2}" var="value">
<option value="{!value}">{!value}</option>
</aura:iteration>
</lightning:select>
<lightning:select name="Level3Picklist" label="Level 3" aura:id="ddLevel3" onchange="{!c.getlevel3}" >
<option value="">--- None ---</option>
<aura:iteration items="{!v.lstL3}" var="value">
<option value="{!value}">{!value}</option>
</aura:iteration>
</lightning:select>
</div>
</div>
<lightning:button variant="brand" label="Save" onclick="{!c.onConfirm}" />
</aura:component>
doInit : function(component, event, helper) {
var action = component.get("c.getLevel1");
action.setCallback(this, function(e) {
if(e.getState()=='SUCCESS'){
var result=e.getReturnValue();
component.set("v.lstLevel1",result);
}
});
$A.enqueueAction(action);
},
getLvl1:function(component, event, helper){
var picklist=component.find('ddLevel1');
var picklistvalue=picklist.get('v.value');
component.set("v.firstlevel1selected",picklistvalue);
var action = component.get("c.getLevel2");
action.setParams({ 'strName' : picklistvalue });
action.setCallback(this, function(e) {
if(e.getState()=='SUCCESS'){
var result=e.getReturnValue();
component.set("v.lstLevel2",result);
helper.getSelectedValue(component,event,helper);
}
});
$A.enqueueAction(action);
},
getSelectedValue:function(component, event, helper){
var picklist=component.find('ddLevel1');
var picklistvalue=picklist.get('v.value');
var picklistdep=component.find('ddLevel2');
var picklistvaluedep2=picklistdep.get('v.value');
component.set("v.secondlevelselected",picklistvaluedep2);
var action = component.get("c.getLevel3");
action.setParams({ 'strName1' : picklistvalue,
'strName2' : picklistvaluedep2});//
action.setCallback(this, function(e) {
if(e.getState()=='SUCCESS'){
var result=e.getReturnValue();
component.set("v.lstL3",result);
}
});
$A.enqueueAction(action);
},
getlevel3:function(component, event, helper){
var picklist=component.find('ddLevel3');
var picklistvalue=picklist.get('v.value');
component.set("v.thirdlevelselected",picklistvalue);
},
onConfirm:function(component, event, helper){
var picklist=component.find('ddLevel1');
var picklistvalue=picklist.get('v.value');
var picklistdep=component.find('ddLevel2');
var picklistvaluedep2=picklistdep.get('v.value');
var picklistdep3=component.find('ddLevel3');
var picklistvaluedep3=picklistdep3.get('v.value');
console.log(component.get('v.firstlevel1selected'));
console.log(component.get('v.secondlevelselected'));
console.log(component.get('v.thirdlevelselected'));
var action = component.get("c.savecasetype");
action.setParams({ 'level1' : picklistvalue,
'level2' : picklistvaluedep2,
'level3' : picklistvaluedep3,
'id' : component.get("v.recordId")});
var toastEvent = $A.get("e.force:showToast");
action.setCallback(this, function(e) {
if(e.getState()=='SUCCESS'){
var result=e.getReturnValue();
if(result==='successfull'){
toastEvent.setParams({
"title": "Success!",
"message": "The record has been inserted successfully."
});
toastEvent.fire();
}else{
toastEvent.setParams({
"title": "Error",
"message": "The record has not been inserted successfully."
});
toastEvent.fire();
}
}
});
$A.enqueueAction(action);
},
})
({
getSelectedValue:function(component, event, helper){
var picklist=component.find('ddLevel1');
var picklistvalue=picklist.get('v.value');
var picklistdep=component.find('ddLevel2');
var picklistvaluedep2=picklistdep.get('v.value');
component.set("v.secondlevelselected",picklistvaluedep2);
var action = component.get("c.getLevel3");
action.setParams({ 'strName1' : picklistvalue,
'strName2' : picklistvaluedep2});//
action.setCallback(this, function(e) {
if(e.getState()=='SUCCESS'){
var result=e.getReturnValue();
component.set("v.lstL3",result);
}
});
$A.enqueueAction(action);
},
getlevel3:function(component, event, helper){
var picklist=component.find('ddLevel3');
var picklistvalue=picklist.get('v.value');
component.set("v.thirdlevelselected",picklistvalue);
}
})