topic Re: pass window.postMessage data to widgets in ArcGIS Web AppBuilder Questions

pass window.postMessage data to widgets

XiaoqingGe — Tue, 12 Jan 2016 22:52:55 GMT

Hi Everyone,

I have a jsp page which will send info by the postMessage function.

eg:

window.postMessage(object, webappbuilderAppURL);

Then I am able to retrieved it by the following lines.

eg:

window.addEventListener("message", onMessageReceived, false);

function onMessageReceived(aEvent) {}

but it ONLY works inside the index.html page.

The question I have is, how can I pass the "object' to my widget?

is there any functions like publishData/onReceiveData/fetchDataByName in the widgets from the index.html page?

Thanks!

Re: pass window.postMessage data to widgets

RobertScheitlin__GISP — Wed, 13 Jan 2016 01:37:05 GMT

Xiaoqing,

Looks like dojo topic would be a good fit:

dojo/topic — The Dojo Toolkit - Reference Guide

Re: pass window.postMessage data to widgets

JordanBaumgardner — Wed, 13 Jan 2016 16:28:36 GMT

What about something like:

index.html {

window.MyPostData = {};

window.addEventListener("message", onMessageReceived, false);

function onMessageReceived(aEvent) {

window.MyPostData = aEvent.myResultsInterestedIn;

dojo.topic("myapp/postDataReady");

}

myWidget.js {

onStartup: function(){

if (window.MyPostData === {}) {

dojo.topic.subscribe("myapp/postDataReady", function(){ call_Init });

}else{

call_Init()

}

Re: pass window.postMessage data to widgets

XiaoqingGe — Wed, 13 Jan 2016 16:54:42 GMT

Thanks for you message Robert,

dojo/topic is really handy to pass external data to the widgets!

Thanks

Xiaoqing

Re: pass window.postMessage data to widgets

XiaoqingGe — Wed, 13 Jan 2016 16:58:25 GMT

Thanks for your reply Jordan! The window.MyPostData works like a charm!

And there is no need to use dojo/topic, the following lines work in my WAB app.

index.html {

window.MyPostData = {};

window.addEventListener("message", onMessageReceived, false);

function onMessageReceived(aEvent) {

window.MyPostData = aEvent.myResultsInterestedIn;

}

myWidget.js {

onStartup: function(){

if (window.MyPostData === ...) {

call_Init()

}else{

}

Thanks!!