[SalesForce] How to Disable ui.button in Lightning Component

This may be broader question on how we set HTML attributes inside Lightning?
The docs state ui:button has disabled property and it works fine in VFP for all VF components. But how do I set this attribute inside Lightning JS Controller?
Nothing seem to work try several options in component controller JS;
…

var btn = event.getSource();
btn.disabled = true;
btn.disabled.set(true);
btn.attributes.disabled = true;

… many others but cannot effect the button state to set disabled on click event.
No syntax errors (figure no compiled code JS) just not working.

Best Answer

The right syntax to do this is below

var btn = event.getSource();
btn.set("v.disabled",true);//Disable the button

Related Solutions

[SalesForce] How to extend a standard lightning ui component

Extension can be very confusing! Try adding {!v.body} to your child component so that it knows where to put the content passed in from grandchild.

<aura:component extends="szDev:parent" extensible="true">
    <aura:attribute name="parent_value" type="String" required="true" default="parent_value"/>
    <aura:attribute name="child_value"  type="String" default="child_value" />
    <ul style="background-color:grey">
        <li>{!v.parent_value}</li>
        <li>{!v.child_value}</li>
    </ul>
<!--ADDED THIS->
    {!v.body}
</aura:component>

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

[SalesForce] How to limit maximum number of characters that can be typed into input field? maxlength attribute not working

({
    limitCharacterTo : function(element, charLimit, evt) {
        var charCode = (evt.which) ? evt.which : event.keyCode;
        if(element.value.length >= charLimit && charCode != 8) {
           return false;
        }
    }
})

I haven't tried this in lightning, but if you can bind this to the aura:id field, you can call this function on keypress and pass in the desired parameters.

Best Answer

Related Solutions

[SalesForce] How to extend a standard lightning ui component

[SalesForce] How to limit maximum number of characters that can be typed into input field? maxlength attribute not working

Related Topic