topic Re: Display data from pop up in custom widget in Web AppBuilder Custom Widgets Questions

Display data from pop up in custom widget

ZdeněkSoldán — Mon, 17 Oct 2016 13:26:34 GMT

Hello,

I created my feature action similar to ViewInAttributeTableFeatureAction but it opens a different widget. But I have some issues with receiving data in the widget that feature action opens. In original ViewInAttributeTable Feature Action is an object FeatureSet that holds the attributes of the selected element. I dug out the attributes from object featureSet by use featureSet.features[0].attributes. Is there any easier way how to do this? And when I have all parametrs saved in a variable how can I display them in the widget? I tried use in html and this.test.value = variable with attributes in onReceiveData function in JS but it shows me nothing (nothing in widget and neither error message).

Thanks for any help

Re: Display data from pop up in custom widget

RobertScheitlin__GISP — Mon, 17 Oct 2016 14:07:55 GMT

Zdeněk,

For sending data from the FeatureAction code to the widget you would use a global var in the widget. As your FeatureAction is already opening the widget that means you have a reference to the widget so you just need to wait for the widget to actually open and then set the widgets global var with the data you want to send to it. You can not use widget communication as the FeatureAction can not use publishData.

Re: Display data from pop up in custom widget

ZdeněkSoldán — Tue, 18 Oct 2016 06:23:09 GMT

So..in FeatureAction in method onExecute I have a object featureSet. I need attributes from this object so the global var shoud be like this featureSet.features[0].attributes? And where to define global var?

Re: Display data from pop up in custom widget

RobertScheitlin__GISP — Tue, 18 Oct 2016 13:01:17 GMT

Zdeněk,

I think you should re-read my last post. In the onExecute method you set the global var (that is in the widget) once the widget is opened.

Re: Display data from pop up in custom widget

ZdeněkSoldán — Sun, 12 Dec 2021 11:08:44 GMT

Robert,

I am sorry but I am lost. I am quite new autodidact in JS programming so I would need more deeply explanation if you be so kind.

Here is my onExecute method:

onExecute: function(featureSet, layer) {
      if (!featureSet || !layer) {
        return;
       }
      var layerInfos = LayerInfos.getInstanceSync();
      var layerInfo = layerInfos.getLayerInfoById(layer.id);
      featureSet.displayFieldName = layer.objectIdField;

      WidgetManager.getInstance().triggerWidgetOpen(this.widgetId)
      .then(function(attrWidget) {
        // console.log(layerInfo);
        // console.log(featureSet);
        attrWidget.onReceiveData(null, null, {
          target: "ShowInVES",
          layerInfo: layerInfo,
          featureSet: featureSet
         });
       });
     }‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

in main widget.js code I have function onReceiveData:

onReceiveData: function(name, source, params) {
        /*jshint unused:vars*/
        if (params && params.target === "ShowInVES") {
           params.layer = params.layer || params.layerInfo;
           
          }
        
        console.log(params.featureSet);
        
        this.test.value = datafields.featureSet;
       },‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

and in widget.html I have <div data-dojo-attach-point ="test">
</div>

But it shows nothing.

Re: Display data from pop up in custom widget

RobertScheitlin__GISP — Tue, 18 Oct 2016 14:19:21 GMT

Zdeněk,

Do you get the console log from the onRecieveData function? One issue I see is that:

this.test.value = datafields.featureSet;‍‍

You are setting a div's value to datafields.featureSet. Normally a div does not have a value. If you are trying to set the text inside a div you need to use:

 this.test.innerHTML = "blah blah";‍‍‍

Re: Display data from pop up in custom widget

ZdeněkSoldán — Tue, 18 Oct 2016 14:32:46 GMT

Yes I do,

console log in function gave me what I expected. Thank you with explanation of div properties I changed it to innerHtml but it still shows nothing even if I changed it to:

this.test.innerHtml = "blah blah";‍

Re: Display data from pop up in custom widget

RobertScheitlin__GISP — Tue, 18 Oct 2016 14:44:07 GMT

Zdeněk,

Sorry that was a syntax error on my part it was suppose to be this.test.innerHTML = "blah blah";

Re: Display data from pop up in custom widget

ZdeněkSoldán — Tue, 18 Oct 2016 14:54:39 GMT

Robert,

now it works! Thank you for your patience.