[SalesForce] does not work

Why does <ui:button> work but <lightning:button> does not work?

Component:

<aura:component>
    <ltng:require 
        styles="{!$Resource.SLDS212 + '/assets/styles/lightning-design-system-ltng.css'}"
        scripts="{!$Resource.jsLibraries + '/jsLibOne.js'}"
        afterScriptsLoaded="{!c.scriptsLoaded}" />
    <ui:button label="myButton" press="{!c.doSomething}"/>
    <lightning:button name="myButton" onclick="{!c.doSome}"/>
</aura:component>

Controller:

({
    doSomething: function(cmp, event, helper) {
        var button = event.getSource().get("v.label");
        alert(button);

    },
    doSome: function(cmp, event, helper) {
        var button = event.getSource().get("v.name");
        alert(button);

    }
})

Best Answer

The name attribute is optional, use label

<lightning:button label="Submit" onclick="{! c.doSome }" />

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

You may get an error on getSource() if you are on winter box, there seems to be a fix in Spring 17:

Lockerservice and event.getSource()

Winter 17 release : event.getSource is not a function on lightning:button

Related Solutions

[SalesForce] getBoundingClientRect() does not work in lightning component

You're possibly overthinking it. Debugging from a FilteringProxyHandler will result in the illegal invocation error you're seeing, but simply accessing the parameters normally shouldn't cause an error:

var rect = component.find("testDiv").getElement().getBoundingClientRect();
console.log(rect.top);
console.log(rect.left);
...

[SalesForce] Submit Button on lightning:recordEditForm does not work

lightning:recordEditForm does not automatically navigate to newly created record.

You can use force:showToast for toast message and force:navigateToSObject to navigate to newly create object.

For this to work, you need to bind the submit and success methods in recordEditForm defined in the component as:

<lightning:recordEditForm aura:id="newLeadForm" 
    objectApiName="Lead"
    onsubmit="{!c.handleSubmit}"
    onsuccess="{!c.handleSuccess}">

Finally you need to add toast and navigation in your handleSuccess method of controller or helper JS as:

handleSubmit : function(component, event, helper) {
    // your existing code
},
handleSuccess: function(component, event, helper) {

    // stop spinner 
    component.set("v.showSpinner", false);

    // Show toast
    var toastEvent = $A.get("e.force:showToast");
    toastEvent.setParams({
        "type": "success",
        "title": "Success!",
        "message": "Lead record has been created successfully."
    });
    toastEvent.fire();

    // navigate to new record on successful save
    var navEvt = $A.get("e.force:navigateToSObject");
    navEvt.setParams({
        "recordId": event.getParam("response").id,
        "slideDevName": "detail"
    });
    navEvt.fire();
}

Best Answer

Related Solutions

[SalesForce] getBoundingClientRect() does not work in lightning component

[SalesForce] Submit Button on lightning:recordEditForm does not work

Related Topic