1

I'm making an edit records component on Opportunity where I display fields from related objects like Account, the Primary Contact and Contact Role only if their value are null. For the Account and the Primary Contact, I've just clone the data, made the check on once side and update the value with the other one like this:

<aura:attribute name="opp1" type="Opportunity" />
<aura:attribute name="opp2" type="Opportunity" />
.
.
.
<aura:if isTrue="{!v.opp1.Account.VAT_Number__c == null }">
     <lightning:input type="text" label="VAT Number" value="{!v.opp2.Account.VAT_Number__c}" aura:id="accForm" required="true"/>
</aura:if>

Then I get my values in my helper to update them.

The problem is that for the Contact Roles, I have to made an aura:iteration on an Opportunity Contact Role list:

<aura:iteration items="{!v.oppContRoles}" var="item">
                    <aura:if isTrue="{!item.taux != null}">
                        <aura:if isTrue="{! item.Contact.Salutation == null || item.Contact.FirstName == null || item.Contact.LastName == null || item.Contact.Birthdate == null || item.Contact.Title == null }">

                            <div class="slds-card__header slds-grid slds-border_top">
                                <header class="slds-media slds-media_center slds-has-flexi-truncate">
                                    <div class="slds-media__figure">
                                        <span class="slds-icon_container slds-icon-standard-contact" title="contact">
                                            <lightning:icon iconName="standard:contact" size="medium"/>
                                        </span>
                                    </div>
                                    <div class="slds-media__body">
                                        <h2 class="slds-card__header-title">                       
                                            <span class="slds-text-heading_small"><b>Owner Contact:&nbsp;{!item.Contact.FirstName}&nbsp;{!item.Contact.LastName}</b></span>                       
                                        </h2>
                                    </div>
                                </header>
                            </div>
                        </aura:if>

                        <div class="{!item.Contact.Salutation == null ? 'Display' : 'Hidden'}">
                            <lightning:input type="text" label="Salutation" value="{!item.Contact.Salutation}" required="true" class="{!item.Contact.Salutation == null ? 'Display' : 'Hidden'}"/>
                        </div>

                        <aura:if isTrue="{!item.Contact.FirstName == null }">
                            <lightning:input type="text" label="First Name" value="{!item.Contact.FirstName}" aura:id="accForm" required="true"/>
                        </aura:if>

                        <aura:if isTrue="{!item.Contact.LastName == null }">
                            <lightning:input type="text" label="Last Name" value="{!item.Contact.LastName}" aura:id="accForm" required="true"/>
                        </aura:if>

                        <aura:if isTrue="{!item.Contact.Birthdate == null }">
                            <lightning:input type="date" label="Birthdate" value="{!item.Contact.Birthdate}" aura:id="accForm" required="true"/>
                        </aura:if>

                        <aura:if isTrue="{!item.Contact.Title == null }">
                            <lightning:input type="text" label="Job Title" value="{!item.Contact.Title}" aura:id="accForm" required="true"/>
                        </aura:if>

                    </aura:if>
                </aura:iteration>

In this situation, if a user type a single character in a field, this one disappear immediatly because the condition is no longer respected. As you can see on the first field, I also tried to use a class to handle this problem but it doesn't work. I could not find a solution on this problem, do you have any idea how to solve it?

Thank you in advance,

Matthieu

---Update--- In my data loading function, i add this loop to duplicate data:

for(var  i = 0; i < res.length ; i++){
                res[i].Contact.Salutation2 = res[i].Contact.Salutation;
                res[i].Contact.FirstName2 = res[i].Contact.FirstName;
                res[i].Contact.LastName2 = res[i].Contact.LastName;
                res[i].Contact.Birthdate2 = res[i].Contact.Birthdate;
                res[i].Contact.Title2 = res[i].Contact.Title;
            }
            component.set("v.oppContRoles", res);

Then in my cmp file, I made this change:

 <aura:if isTrue="{!item.Contact.Salutation2 == null }">
                            <lightning:input type="text" label="Salutation" value="{!item.Contact.Salutation}" required="true"/>
                        </aura:if>

                        <aura:if isTrue="{!item.Contact.FirstName2 == null }">
                            <lightning:input type="text" label="First Name" value="{!item.Contact.FirstName}" aura:id="accForm" required="true"/>
                        </aura:if>

                        <aura:if isTrue="{!item.Contact.LastName2 == null }">
                            <lightning:input type="text" label="Last Name" value="{!item.Contact.LastName}" aura:id="accForm" required="true"/>
                        </aura:if>

                        <aura:if isTrue="{!item.Contact.Birthdate2 == null }">
                            <lightning:input type="date" label="Birthdate" value="{!item.Contact.Birthdate}" aura:id="accForm" required="true"/>
                        </aura:if>

                        <aura:if isTrue="{!item.Contact.Title2 == null }">
                            <lightning:input type="text" label="Job Title" value="{!item.Contact.Title}" aura:id="accForm" required="true"/>
                        </aura:if>

Then, no fields are displaying in my lightning component. Did I miss a point?

3

After your callback function returns where you load the records from the database, just loop through the result records and create new on-the-fly copies of the properties, e.g.

record.__backupFirstName = record.FirstName;

Now in your aura:if just check against the backup value instead of the field itself.

Note that I've used the leading underscores to make theoretical clashes impossible.

  • Ok, I think I understand what you're suggesting. I'm gonna try it. :) – Gwaldhorf Miopau Jul 2 '18 at 9:33
  • I edit my post with my change. – Gwaldhorf Miopau Jul 2 '18 at 9:54
  • Oh, my cache was trolling me, it works perfectly, thak you very much! – Gwaldhorf Miopau Jul 2 '18 at 10:56

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.