【问题标题】:Unable to set value dynamically for Lightning:InputField无法为 Lightning:InputField 动态设置值
【发布时间】:2019-03-13 05:51:32
【问题描述】:

我创建了一个带有闪电记录编辑表单和几个字段的闪电组件。编写了一个 Javascript 方法,这样当我将第一个字段更改为特定值时,第二个字段就会更新。下面是我的代码。

<aura:component implements="force:appHostable">
   <aura:attribute name='test' type='String'/>
   <lightning:recordEditForm 
                          aura:id="editForm"
                          objectApiName="Case"
                          recordTypeId="{XXXXXXXXXXXXX}">
    <div class="slds-col slds-size_1-of-2 slds-p-around_x-small">
        <lightning:inputField aura:id="subject" fieldName="Subject" onchange="{!c.subjectChanged}"/>
    </div>
    <div class="slds-col slds-size_1-of-2 slds-p-around_x-small">
        <lightning:inputField aura:id="description" value="{!v.test}" fieldName="Description"/>
    </div>
</lightning:recordEditForm>
</aura:component>

下面是控制器代码

({
    subjectChanged : function(component, event, helper) {
        var subjectValue = component.find("subject").get("v.value");
        if(subjectValue === "U") {
            //var descriptionValue = component.find("description");
            //descriptionValue.set("v.value","User");
            component.set('v.test','User');
        }

    }
})
  1. 将主题字段更新为 U,然后描述更新为“用户”
  2. 将描述字段值更新为 XYZ 或清除该值。
  3. 将主题字段更改为 X,然后更新回 U。
  4. 请注意,JS 方法已执行,但描述未更新为“用户”。

每当用户将主题字段更新为 U 时,我希望将描述设置为用户。对此有什么想法吗?

【问题讨论】:

    标签: salesforce-lightning


    【解决方案1】:

    来自文档:https://developer.salesforce.com/docs/component-library/bundle/lightning:inputField/documentation

    .....假设存在不应被覆盖的未保存更改。如果您希望能够覆盖用户更改,您可以改用闪电:输入....

    【讨论】:

    • 感谢 Bohdan Myrko。我只使用 Lightning:input 修复了这个问题,并且对为什么 Lightning:inputfield 无法正常工作更加好奇。我认为我忽略或错过了文档“假设存在不应覆盖的未保存更改”中的这一部分。
    【解决方案2】:

    我找到了解决办法。
    您可以将inputField 值绑定到aura:attribute,然后设置aura:attribute 的值。这对于对象上的查找字段特别有用,其中使用 lightning:input 会失去功能。
    示例:

    <aura:attribute name="myFieldValue" type="string"/>
    <lightning:recordEditForm objectApiName="MyObject__c"
            onload="{!c.handleLoad}" 
            onsubmit="{!c.handleSubmit}" 
            onsuccess="{!c.handleSuccess}" 
            onerror="{!c.handleError}">
        <lightning:inputField fieldName="MyLookupField__c" value="{!v.myFieldValue}"/>
    </lightning:recordEditForm>
    

    Javascript 控制器:

    somethingHappened: function(newDataValue){
        component.set("v.myFieldValue", newDataValue);
    }
    

    【讨论】:

      猜你喜欢
      • 2017-10-18
      • 1970-01-01
      • 1970-01-01
      • 2021-09-29
      • 2020-01-10
      • 1970-01-01
      • 2023-04-04
      • 2014-11-26
      • 2021-12-23
      相关资源
      最近更新 更多