topic Re: Open a widget from another widget in Web AppBuilder Custom Widgets Questions

Open a widget from another widget

Naveen_KumarKairamkonda — Thu, 28 Jul 2016 09:22:23 GMT

How to open a widget from another widget. I have a scenario like, After getting the resulted location in map(Search widget) it should open the Identify widget. Which of the files need to be edited in both widgets.

Thanks in advance.

Re: Open a widget from another widget

RobertScheitlin__GISP — Thu, 28 Jul 2016 13:09:52 GMT

d ibrahim,

The code necessary can depend on the theme you are using. Which theme are you using?

Open Print widget

WidgetManager class—Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers

How to open a widget (in a placeholder) programmatically ?

Re: Open a widget from another widget

Naveen_KumarKairamkonda — Thu, 28 Jul 2016 14:03:19 GMT

Hi Robert,

I'm using Tab theme for this application.

Re: Open a widget from another widget

RobertScheitlin__GISP — Thu, 28 Jul 2016 15:25:37 GMT

d ibrahim,

So the first link I posted is the one you want to look at then as that poster was working with the TabTheme as well.

Re: Open a widget from another widget

Naveen_KumarKairamkonda — Fri, 29 Jul 2016 07:05:53 GMT

Hi Robert,

I'm implementing the code which is in 1st link, Could you define the _getWidgetConfig('Print') function.

Thanks for suggesting me...

Re: Open a widget from another widget

deepthip — Fri, 29 Jul 2016 12:17:48 GMT

Hi Robert,

Even I am looking for that _getWidgetConfig('Print') function.

could u please share _getWidgetConfig('Print') function code and if any userdefined functions inside the _getWidgetConfig('Print') please attach the code for that functions also.

Re: Open a widget from another widget

RobertScheitlin__GISP — Sun, 12 Dec 2021 11:02:35 GMT

d ibrahim,

Looking at that thread again I realize that it is dealing with the LaunchPad theme and not the Tab theme so you need to use:

Add these Require statements to your code:

'jimu/WidgetManager',
'jimu/PanelManager

WidgetManager, 
PanelManager

Then these new functions:

            _getWidgetConfig: function(widgetName){
              var widgetCnfg = null;
              array.some(WidgetManager.getInstance().appConfig.widgetPool.widgets, function(aWidget) {
                if(aWidget.name == widgetName) {
                  widgetCnfg = aWidget;
                  return true;
                }
                return false;
              });
              if(!widgetCnfg){
                /*Check OnScreen widgets if not found in widgetPool*/
                array.some(WidgetManager.getInstance().appConfig.widgetOnScreen.widgets, function(aWidget) {
                  if(aWidget.name == widgetName) {
                    widgetCnfg = aWidget;
                    return true;
                  }
                  return false;
                });
              }
              return widgetCnfg;
            },

            _openPrintWidget: function() {
                var printWidget, sbc;
                var widgetCfg = this._getWidgetConfig('Print');
                if (widgetCfg) {
                    sbc = WidgetManager.getInstance().getWidgetsByName("SidebarController")[0];
                    printWidget = WidgetManager.getInstance().getWidgetByLabel(widgetCfg.label);
                    if (printWidget) {
                        sbc.setOpenedIds([widgetCfg.id]);
                        sbc._resizeToMax();
                        WidgetManager.getInstance().openWidget(printWidget);
                        PanelManager.getInstance().showPanel(printWidget);
                    } else {
                        sbc.setOpenedIds([widgetCfg.id]);
                        sbc._resizeToMax();
                        setTimeout(function() {
                            printWidget = WidgetManager.getInstance().getWidgetById(widgetCfg.id);
                            WidgetManager.getInstance().openWidget(printWidget);
                            PanelManager.getInstance().showPanel(printWidget);
                        }, 3000);
                    }
                }
            }

Then call the _openPrintWidget function

this._openPrintWidget();

Re: Open a widget from another widget

Naveen_KumarKairamkonda — Fri, 29 Jul 2016 14:21:37 GMT

Hi Robert,

Thank You very much for such a kind support !!!

Now I am able to open the the draw widget after getting the results from search widget. But there are few error in console while opening the draw widget.

Error: Tried to register widget with id==widgets_Draw_Widget_35_panel but that id is already registered (2 times)

Error: Uncaught TypeError: Cannot read property 'started' of undefined (2 times)

Also attached the screenshot for the same for better understanding.

Regards,

Ibrahim

Re: Open a widget from another widget

RobertScheitlin__GISP — Sun, 12 Dec 2021 11:02:38 GMT

Ibrahim,

So it turns out that the code to open the draw widget in the TabTheme should be:

     _openDrawWidget: function() {
          var drawWidget, sbc;
          var widgetCfg = this._getWidgetConfig('Draw');
          if (widgetCfg) {
              sbc = WidgetManager.getInstance().getWidgetsByName("SidebarController")[0];
              sbc._resizeToMax();
              sbc.setOpenedIds([widgetCfg.id]);
          }
      }

Re: Open a widget from another widget

Naveen_KumarKairamkonda — Tue, 02 Aug 2016 06:49:20 GMT

Thanks Robert.

the problem got resolved.

Thanks again....

Re: Open a widget from another widget

Naveen_KumarKairamkonda — Fri, 26 Aug 2016 06:50:46 GMT

Hi,

I have a scenario like, when I search for an area in map, it should automatically open the Identify widget along with the resulted area in Map. As per the requirement I'm able open Identify Widget along with the resulted area, but Sometimes only

I'm getting an ERROR like:

" init.js:199 Error: Tried to register widget with id==widgets_Identify_Widget_33_panel but
that id is already registered(…) "Error: Tried to register widget with
id==widgets_Identify_Widget_33_panel but that id is already registered
at Error
(native)
at Object.add (https://js.arcgis.com/3.16/init.js:1658:391)
at create
(https://js.arcgis.com/3.16/init.js:1280:472)......"

If there is NO ERROR, it's showing like:

" panel [widgets_Identify_Widget_33_panel] created.
Widget.js:261 
[attribname]: [attribvalue] 
WidgetManager.js:115 widget [widgets/Identify/Widget] created. "

Here, I'm attaching the screenshot of ERROR.

So, please suggest me what should be done.

Thanks in advance...

Regards,

Ibrahim

Re: Open a widget from another widget

Ángel_DanielSuárez_Calero — Mon, 21 Jan 2019 11:23:13 GMT

Hi Robert, I tried this code in the tab theme and this work correctly , but I tried in a "SidebarTheme7" and it doesn´t work correctly. The "sbc" is undefined. I don´t understand this, because the widget that contains the widgets in my "SidebarTheme7" is "SidebarController". Need I a other function for my theme?

I attached my theme in this link : https://drive.google.com/open?id=1_Zw0huZZrP9y5UZA_brFb4KAbgQHH6wv

Thanks for all!

Re: Open a widget from another widget

RobertScheitlin__GISP — Mon, 21 Jan 2019 14:55:34 GMT

Angel,

So you have:

sbc = WidgetManager.getInstance().getWidgetsByName("SidebarTheme7")[0];‍

in your code?

Re: Open a widget from another widget

Ángel_DanielSuárez_Calero — Mon, 21 Jan 2019 15:05:58 GMT

No, I have this in my code :

sbc = WidgetManager.getInstance().getWidgetsByName("SidebarController")[0];

Thanks!

Re: Open a widget from another widget

Ángel_DanielSuárez_Calero — Mon, 21 Jan 2019 15:42:55 GMT

I get my purpose I have a code here :

https://drive.google.com/open?id=1hF2fthqX8Ogc74HeUt2fGM4dXrNhgcvu

Thanks for all Robert !