Otdfbt

Multi tool use

How to patch glass cuts in a bicycle tire?

Did 20% of US soldiers in Vietnam use heroin, 95% of whom quit afterwards?

Is it true that cut time means "play twice as fast as written"?

Where have Brexit voters gone?

Pirate democracy at its finest

Value of a binomial series

Why isn't 'chemically-strengthened glass' made with potassium carbonate to begin with?

Is Jon Snow the last of his House?

Could a 19.25mm revolver actually exist?

What is a fully qualified name?

NIntegrate doesn't evaluate

How did NASA Langley end up with the first 737?

A steel cutting sword?

Why do Russians almost not use verbs of possession akin to "have"?

How to cut a climbing rope?

Does COBRA make sense anymore with the ACA?

Specific alignment within beginalign environment

Should one buy new hardware after a system compromise?

Why are GND pads often only connected by four traces?

Is the field of q-series 'dead'?

Apt - strange requests to d16r8ew072anqo.cloudfront.net:80

Python program to take in two strings and print the larger string

Compaq Portable vs IBM 5155 Portable PC

Count rotary dial pulses in a phone number (including letters)

How to get reference to Component from inside an event method

Enabling jQuery Draggable for a Lightning ComponentHow Do I Correctly Handling the Rendering Lifecycle of Dynamically Created Lightning Components?Async call from lighning component [onInit] to [afterRenderer]Strange availability of force:navigateToSObject events in lightning componentLightning components - Prevent event bubbling from ui:checkbox to parent divwindow.opener.$A syntax gives - permission denied to access property “$A” errorjQuery .click(function(e) not working on lightning componentGet component in helper class from current context in Lightningcomponent.find() not fetching component when used inside eventListnerHow to get Apex list into component controller array variable

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

1

I have a JavaScript helper method which handles a message sent from a child iframe

handleMessage: function (event) 
 console.log('handleMessage');
 console.log(JSON.parse(JSON.stringify(event.data)));
,

The helper method is set during OnInit:

onInit: function (cmp, event, helper) 
 window.addEventListener("message", $A.getCallback(helper.handleMessage));
,

Once a message arrives in handleMessage I need a reference to cmp or component but I do not have it.

Question

1. How can I access cmp or component from inside the handleMessage helper method?

javascript helper component

share|improve this question

edited May 12 at 0:05

Robs

asked May 11 at 23:43

RobsRobs

2,931844

add a comment | 

1

I have a JavaScript helper method which handles a message sent from a child iframe

handleMessage: function (event) 
 console.log('handleMessage');
 console.log(JSON.parse(JSON.stringify(event.data)));
,

The helper method is set during OnInit:

onInit: function (cmp, event, helper) 
 window.addEventListener("message", $A.getCallback(helper.handleMessage));
,

Once a message arrives in handleMessage I need a reference to cmp or component but I do not have it.

Question

1. How can I access cmp or component from inside the handleMessage helper method?

javascript helper component

share|improve this question

edited May 12 at 0:05

Robs

asked May 11 at 23:43

RobsRobs

2,931844

add a comment | 

I have a JavaScript helper method which handles a message sent from a child iframe

handleMessage: function (event) 
 console.log('handleMessage');
 console.log(JSON.parse(JSON.stringify(event.data)));
,

The helper method is set during OnInit:

onInit: function (cmp, event, helper) 
 window.addEventListener("message", $A.getCallback(helper.handleMessage));
,

Once a message arrives in handleMessage I need a reference to cmp or component but I do not have it.

Question

1. How can I access cmp or component from inside the handleMessage helper method?

javascript helper component

share|improve this question

edited May 12 at 0:05

Robs

asked May 11 at 23:43

RobsRobs

2,931844

handleMessage: function (event) 
 console.log('handleMessage');
 console.log(JSON.parse(JSON.stringify(event.data)));
,

onInit: function (cmp, event, helper) 
 window.addEventListener("message", $A.getCallback(helper.handleMessage));
,

share|improve this question

edited May 12 at 0:05

Robs

asked May 11 at 23:43

RobsRobs

2,931844

share|improve this question

edited May 12 at 0:05

Robs

asked May 11 at 23:43

RobsRobs

2,931844

asked May 11 at 23:43

RobsRobs

2,931844

asked May 11 at 23:43

RobsRobs

2,931844

1 Answer
1

active

oldest

votes

3

You can bind it to the function call. You'd want to make the following changes:

// Helper function
handleMessage: function (cmp, event) 
 console.log('handleMessage');
 console.log(JSON.parse(JSON.stringify(event.data)));
,

// Main code
onInit: function (cmp, event, helper) 
 window.addEventListener("message", $A.getCallback(helper.handleMessage.bind(helper, cmp)));
,

share|improve this answer

answered May 12 at 0:17

sfdcfoxsfdcfox

271k13220472

add a comment | 

Your Answer

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "459"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsalesforce.stackexchange.com%2fquestions%2f262036%2fhow-to-get-reference-to-component-from-inside-an-event-method%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

3

You can bind it to the function call. You'd want to make the following changes:

// Helper function
handleMessage: function (cmp, event) 
 console.log('handleMessage');
 console.log(JSON.parse(JSON.stringify(event.data)));
,

// Main code
onInit: function (cmp, event, helper) 
 window.addEventListener("message", $A.getCallback(helper.handleMessage.bind(helper, cmp)));
,

share|improve this answer

answered May 12 at 0:17

sfdcfoxsfdcfox

271k13220472

add a comment | 

3

You can bind it to the function call. You'd want to make the following changes:

// Helper function
handleMessage: function (cmp, event) 
 console.log('handleMessage');
 console.log(JSON.parse(JSON.stringify(event.data)));
,

// Main code
onInit: function (cmp, event, helper) 
 window.addEventListener("message", $A.getCallback(helper.handleMessage.bind(helper, cmp)));
,

share|improve this answer

answered May 12 at 0:17

sfdcfoxsfdcfox

271k13220472

add a comment | 

You can bind it to the function call. You'd want to make the following changes:

// Helper function
handleMessage: function (cmp, event) 
 console.log('handleMessage');
 console.log(JSON.parse(JSON.stringify(event.data)));
,

// Main code
onInit: function (cmp, event, helper) 
 window.addEventListener("message", $A.getCallback(helper.handleMessage.bind(helper, cmp)));
,

share|improve this answer

answered May 12 at 0:17

sfdcfoxsfdcfox

271k13220472

// Helper function
handleMessage: function (cmp, event) 
 console.log('handleMessage');
 console.log(JSON.parse(JSON.stringify(event.data)));
,

// Main code
onInit: function (cmp, event, helper) 
 window.addEventListener("message", $A.getCallback(helper.handleMessage.bind(helper, cmp)));
,

share|improve this answer

answered May 12 at 0:17

sfdcfoxsfdcfox

271k13220472

answered May 12 at 0:17

sfdcfoxsfdcfox

271k13220472

answered May 12 at 0:17

sfdcfoxsfdcfox

271k13220472