[SalesForce] Lightning getReference() on a helper function rather than component function

Using component.getReference("c.thisComponentFunction") to grab a reference for dynamically created components is a known feature. I'm not finding any documentation (or possibility) to do the same for a helper function for the same component.

Controller:

({
  doSomething : function(component, event, helper) {
    component.getReference("c.doSomethingElse"); //regular usage
    //component.getReference("helper.somethingElseInHelper"); //doesn't work
  },
  doSomethingElse : function(component, event, helper) {
    helper.somethingElseInHelper(component);
  },
})

Helper:

({
  somethingElseInHelper : function(component) {
    alert("you're in the helper!");
  },
})

Is there a way to directly access "helper.somethingElseInHelper" with component.getReference()?

Best Answer

You cannot directly access a helper of another component unless you are extending it. You will need to create a controller method to give access to a helper method.

Related Solutions

[SalesForce] Lightning Renderer vs Init Function for Dynamic Component Initialization

Dynamic component creation like the example you provided should be done in the init handler rather than the renderer.

Custom renderers should be used sparingly and really only when you need to override the default rendering behavior.

[SalesForce] Dynamically Building Nested HTML in Lightning Component

It appears as if the issue is related to the $A.createComponents being in a for loop. I readjusted my code to the following to fix this issue:

populateRow: function (component) {
    var record = component.get("v.record");
    var fields = component.get("v.fields");

    // Array of components to create
    var newComponents = [];

    for (var idx in fields) {
        var field = fields[idx];
        var value = "";
        if (field.includes(".")) {
            value = record[field.substring(0, field.indexOf("."))].Name
        } else {
            value = record[field];
        }

        newComponents.push(["aura:html", {
            "tag": "td"
        }]);

        newComponents.push(["aura:html", {
            "tag": "div",
            "body": value,
            "HTMLAttributes": {
                "title": value,
                "class": "slds-truncate"
            }
        }]);
    }

    $A.createComponents(newComponents,
        function (components, status, errorMessage) {
            if (status === "SUCCESS") {
                var pageBody = component.get("v.body");
                for (var i = 0; i < components.length; i += 2) {
                    var td = components[i];
                    var div = components[i + 1];
                    var tdBody = td.get("v.body");
                    tdBody.push(div);
                    td.set("v.body", tdBody)
                    pageBody.push(td);
                }
                component.set("v.body", pageBody);
            }
            else // Report any error
            {
                this.displayToast("Error", "Failed to create list components.");
            }
        }
    );
}

Best Answer

Related Solutions

[SalesForce] Lightning Renderer vs Init Function for Dynamic Component Initialization

[SalesForce] Dynamically Building Nested HTML in Lightning Component

Related Topic