0

We are using lightning components in a community. We drag drop the components into a template and configure through designer attributes. For one of such lightning component, there is an init() handler written and designer attribute is of type pick list with some default value. First time on load of that component, init handler is called, and an app event is thrown from there as per expectation.

Subsequently, when I change the pick list values, this init() handler is called every time and app event is thrown every time. What could be the explanation for this? Is this expected behaviour of aura framework?

Code for reference:

Component:

<aura:component implements="forceCommunity:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId" access="global">

    <aura:attribute name="attribute1" Type="String"/>
    <aura:attribute name="attribute2" Type="String"/>
    <aura:attribute name="attribute3" Type="String"/>

    <aura:registerEvent name="ConfigurationEvent" type="c:ConfigurationEvent"/>
    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
    <!--YES, THIS IS COMMENTED aura:handler name="change" value="{!v.productType}" action="{!c.changeConfig}"/-->
</aura:component>

Design file:

<design:component>
    <design:attribute name="submissionType"
                      datasource = "Landing Page, Uberflip form, Referral form" required="true" label="Submission Type" default="Landing Page"/>
    <design:attribute name="productType"
                      datasource = "Top Producer, RDC"
                      label="Product Type" required="true" default="Top Producer"/>    
</design:component>

Controller:

({
    doInit: function(component, event, helper) {

        //setSubmissionType = getSubmissionType;

        // Prepare a new record from template
        var appEvent = $A.get("e.c:ConfigurationEvent"); 
        //Set event attribute value
        appEvent.setParams({"product" : component.get('v.productType'), "submissionType" : component.get('v.submissionType'), "popUpProduct" : component.get('v.popUpProductType')});
        appEvent.fire();
    }
})
3

When you change the design attributes of a component in Community Builder or Lightning App Builder, the component is destroyed and re-created with the new values.

This makes sense because you may have written your component to expect the design attributes to be populated on creation. You may not have written any change handlers to deal with them being overwritten later.

By destroying them and re-creating them, the builder tools show you the right preview of how your component will look.

  • It wouldn't make me wonder if that design attribute was used in markup and then your note makes sense. However, its good if SF is smartly handling this. Only problem that I can see is if service call is made in init, it would be unnecessarily called and we would need additional logic to avoid that. – Sarang Feb 13 at 12:24

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.