[SalesForce] Lightning component is not defined error while trying to add global action on the lightning component

I am trying to add global action on my lightning component I have embedded my component to contact detail lightning page but I am a getting the below error

Please find the code below :

Component

<aura:component implements="flexipage:availableForRecordHome,force:hasRecordId" controller="LightningContactController" access="global" >
    <aura:handler name="init" action="{!c.getContactList}" value="{!this}"/>
    <aura:attribute name="ContactList" type="List"/>
    <lightning:card title="Contacts" >
        <p class="slds-p-horozintal_small">
        <aura:iteration items="{!v.ContactList}" var="contact">
            <lightning:recordViewForm recordId="{!contact.Id}" objectApiName="Contact">
                <div class="slds-box slds-theme_default">
                    <lightning:outputfield fieldName="Name"/>
                    <lightning:outputfield fieldName="Phone"/>
                    <lightning:outputfield fieldName="Email"/>
                </div>
            </lightning:recordViewForm>    
            <br/>
        </aura:iteration>
        </p>
        <aura:set attribute="actions">
            <lightning:button label="New" onclick="{!c.newContact}"/>
        </aura:set>
    </lightning:card>
</aura:component>

……………………………………………………………………..

Controller.js

({
    getContactList : function(component, event, helper) {
        helper.fatchcontects(component, event, helper);
    },
    newContact: function(component, event, helper){
        var createContact= $A.get("e.force:createRecord");
        createContact.setParams({
            'entityApiName':'Contact',
            'deFaultFiedlValues' : {
                'AccountId': componet.get("v.recordId")
            }
        });
        createContact.fire();
    }
})

Best Answer

The error is in your Controller.js

There is a typo. You wrote 'componet' instead of 'component'.

See commented line below:

({
    getContactList : function(component, event, helper) {
        helper.fatchcontects(component, event, helper);
    },
    newContact: function(component, event, helper){
        var createContact= $A.get("e.force:createRecord");
        createContact.setParams({
            'entityApiName':'Contact',
               'defaultFieldValues' : {
            // incorrect spelling of parameter.
            // 'deFaultFiedlValues' : {
              //  error in next line
              //  'AccountId': componet.get("v.recordId")
                  'AccountId': component.get("v.recordId")
            }
        });
        createContact.fire();
    }
})

Related Solutions

[SalesForce] getting error while saving lightning component

If you want to use c:button, you need to create this component as well.

Create a lightning component named "button" with the following code

<aura:component >
   <!-- Attributes for the button -->
   <aura:attribute name="label" type="String" description="This is the button label"/>
   <aura:attribute name="class" type="String" description="SLDS class"/>
   <aura:attribute name="onclick" type="Aura.Action" default="{!c.myAction}" description="This allows handling onClick events"/>
   <aura:attribute name="data" type="String" description="Any data to be passed via html5 data- attribute"/>

   <!-- Attributes for SVG -->
   <aura:attribute name="svgXlinkHref" type="String" description="svgIcon's xlink-href"/>
   <aura:attribute name="svgClass" type="String" description="svgIcon CSS classname"/>

   <button class="{!v.class}"  onclick="{!v.onclick}" data-data="{!v.data}"><c:svg xlinkHref="{!v.svgXlinkHref}" class="{!v.svgClass}" />{!v.label}</button>
</aura:component>

for buttonController.js, you can define a default action-

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

    }
})

You can change the attributes in button component according to your requirement also.

[SalesForce] Uncaught Error in $A.getCallback() [component is not defined] when trying addClass() after toastEvent.fire()

Easy fix :)

I don't see where you have used toggleActivate, but fairly certain that this is the line that's causing the error, Comment this line out since you are hiding button using $A.util.addClass(button.getElement(), 'invisible'); (or)

Change

        var toggleActivate = component.find("Activate");

        var toggleActivate = cmp.find("Activate");

update:

If your intent add invisible sytleclass on success just create a invisible style with display:none and add the class using $A.util

https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/js_cb_styles.htm

change

    $A.util.addClass(toggleActivate.getElement(), 'invisible');

    $A.util.addClass(toggleActivate, 'invisible');

and this from

.THIS .uiButton.invisible {
display: none;
}

.THIS.invisible {
display: none;
}

Best Answer

Related Solutions

[SalesForce] getting error while saving lightning component

[SalesForce] Uncaught Error in $A.getCallback() [component is not defined] when trying addClass() after toastEvent.fire()

Related Topic