[SalesForce] How to get on change events for lightning:inputRichText

I'm trying to capture changes to a Lightning app rich text editor. Using the following…

<lightning:inputRichText value="{!v.body}" aura:id="iBody" />

I've tried adding onBlur="{!c.blurBody}" but it doesn't fire. I also tried adding change, keyup, updateOn and blur and all are rejected by the developer console editor. Does anyone know where there is documentation on this component? Or which events work to get updates as the content changes?

By the way, I also tried <ui:inputRichText /> but as soon and I add the isRichText="true" attribute the developer console rejects the component.

FIELD_INTEGRITY_EXCEPTION
Failed to save myCmp.cmp: The attribute "change" was not found on the
COMPONENT markup://lightning:inputRichText: Source

I'm working with Summer 18 on a developer edition.

Best Answer

You can add a change handler event which basically does that, tracks changes on specified values:

component.cmp

<aura:component implements="forceCommunity:availableForAllPageTypes" access="global" >
    <aura:attribute name="myVal" type="String" />
    <aura:handler name="change" value="{!v.myVal}" action="{!c.handleValueChange}"/>

    <lightning:inputRichText value="{!v.myVal}" aura:id="grr"/>
</aura:component>

controller.js

    handleValueChange:function(cmp){
    console.log("value: " + cmp.get('v.myVal'));
}

Related Solutions

[SalesForce] Not able to make Lightning Component work outside Managed Package Dev Org

After Spring '16 deployment the same component started working fine.

SFDC support was also not able to pin point the cause. They were able to reproduce it but have not suggested it as a bug (strange!).

Though Spring '16 deployment have magically fixed that. I'm now able to run my same old code without any modifications and no errors of internal server on tab load in managed packaged lightning component.

It seems I was in fact doing all things right.

[SalesForce] Lightning – Rerender child components in aura:iterable after parent attribute changed

I actually found a solution (or a workaround - still don't know). I will put it here in case somebody will come across same issue.

I had to dynamically recreate child component - therefore I used ChildComponentWrapper:

How it looks right now:

ParentComponent

<aura:component controller="PrdConfigCls">
  <aura:attribute name="paramProductId" type="String"/>
  <aura:attribute name="product" type="PrdConfigCls.Product"/>
  <aura:attribute name="attributes" type="PrdConfigCls.Attribute[]"/>
  <aura:handler name="change" value="{!v.paramProductId}" action="{!c.paramProductIdChangeEventHandler}"/>

 <div aura:id="container">     
 // in this place ChildComponentWrapper will instantiate after change event (helper)
 </div>

</aura:component>

ParentComponentHelper

({
    loadProductConfiguration : function(component) {

        var action = component.get("c.getProjectProductDefinition");
        action.setParams({  "projectProductId": component.get("v.paramProductId") });
        var self = this;

        action.setCallback(this, function(a) {

            var productResp = a.getReturnValue();
            var product = JSON.parse(productResp);
            component.set("v.product", product);
            component.set("v.attributes", product.attributes);

            //console.log(component.get("v.attributes"));

            var container = component.find("container");
            $A.createComponent("c:ChildComponentWrapper",
                           {attributeParam: product.attributes},
                           function(cmp) {
                               container.set("v.body", [cmp]);
                           });

        });
        $A.enqueueAction(action);

    }
})

ChildComponentWrapper

<aura:component controller="PrdConfigCls">
  <aura:attribute name="attributeParam" type="PrdConfigCls.Attribute[]"/>

  <aura:iteration items="{!v.attributes}" var="attr">
     <c:ChildComponent attributeParam="{!attr}"/>
  </aura:iteration>
</aura:component/>

Best Answer

Related Solutions

[SalesForce] Not able to make Lightning Component work outside Managed Package Dev Org

[SalesForce] Lightning – Rerender child components in aura:iterable after parent attribute changed

Related Topic