如何解决如何在Custom Salesforce Lightning组件中将Level_2和Level_3设置为只读
如何在Salesforce Custome Lightning组件中将Level_2和Level_3设置为只读状态
我有一个具有3个文本框的控制器,现在我希望将level2和level3设置为ReadOnly,我该怎么做
这是当前具有可编辑的Level2和Level3的自定义组件,我需要将这两个字段设置为只读
这是.cmp文件
<aura:component implements="force:hasRecordId,force:appHostable,flexipage:availableForAllPageTypes,force:lightningquickaction" access="global" controller="Stack">
<aura:attribute access="private" type="List" name="selection" default="[]"/>
<aura:attribute access="private" type="List" name="errors" default="[]"/>
<lightning:card title="ERT Case Type">
<lightning:recordEditForm aura:id="myForm" objectApiName="ERT_Case_Type__c" onsubmit="{!c.onSubmit}" onsuccess="{!c.onSuccess}">
<lightning:messages />
<c:Lookup selection="{!v.selection}" onSearch="{!c.lookupSearch}" onSelection="{!c.useSelected}" errors="{!v.errors}" label="Search" placeholder="Search ERT Case Types Data"/>
<lightning:inputField aura:id="Level_1__c" fieldName="Level_1__c" />
<lightning:inputField aura:id="Level_2__c" fieldName="Level_2__c" />
<lightning:inputField aura:id="Level_3__c" fieldName="Level_3__c" />
<lightning:button class="slds-m-top_small" variant="brand" type="submit" name="save" label="Save" />
</lightning:recordEditForm>
</lightning:card>
</aura:component>
这是.js文件
({
lookupSearch : function(component,event,helper) {
// Get the lookup component that fired the search event
const lookupComponent = event.getSource();
const serverSearchAction = component.get('c.search');
lookupComponent.search(serverSearchAction);
},useSelected: function(component,helper) {
const selection = component.get('v.selection');
const errors = component.get('v.errors');
if (selection.length) {
if(errors.length){ // Clear errors,if any
component.set('v.errors',[]);
}
let levels = selection[0].subtitle.split('; ');
component.find('Level_1__c').set('v.value',levels[0]);
component.find('Level_2__c').set('v.value',levels[1]);
component.find('Level_3__c').set('v.value',levels[2]);
}else {
// Somebody "selected" empty option = cleared the search Box
component.find('Level_1__c').set('v.value','');
component.find('Level_2__c').set('v.value','');
component.find('Level_3__c').set('v.value','');
}
},onSubmit: function(component,helper) {
debugger;
event.preventDefault(); // stop the form from submitting
var fields = event.getParam('fields');
fields.Case__c = component.get('v.recordId'); // link to "this" Case
component.find('myForm').submit(fields);
},onSuccess: function(component,helper){
var toastEvent = $A.get("e.force:showToast");
toastEvent.setParams({
"title": "Success!","message": "Case Type saved OK,refreshing","type": "success"
});
toastEvent.fire();
$A.get('e.force:refreshView').fire(); // reload page
}
})
非常感谢您的回复
关于, 卡罗琳
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。