topic Re: Open Widget Programatically ( Foldable Theme) in Web AppBuilder Custom Widgets Questions

Open Widget Programatically ( Foldable Theme)

KrishV — Sun, 12 Dec 2021 08:36:06 GMT

var widgetCfg = this._getWidgetConfig('Edit');
            var wm = WidgetManager.getInstance();
            wm.loadWidget(widgetCfg).then(lang.hitch(this,function(){

              if (widgetCfg) {  
                //sbc = WidgetManager.getInstance().getWidgetsByName("headerController")[0];  
                printWidget = WidgetManager.getInstance().getWidgetByLabel(widgetCfg.label);  
                if (printWidget) {  
                     
                    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);  
                }  
    
              }‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Please let me know, how I can open Edit Widget in Foldable Theme.

Regards,

Krish

Re: Open Widget Programatically ( Foldable Theme)

RobertScheitlin__GISP — Sun, 12 Dec 2021 08:36:08 GMT

Krish,

Do you have the _getWidgetConfig function defined in your code?

_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;  
},‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

var widgetCfg = this._getWidgetConfig('Edit');
var wm = WidgetManager.getInstance();
wm.loadWidget(widgetCfg).then(lang.hitch(this,function(){
  if (widgetCfg) {  
    editWidget = WidgetManager.getInstance().getWidgetByLabel(widgetCfg.label);  
    if (editWidget) {  
      WidgetManager.getInstance().openWidget(editWidget);  
      PanelManager.getInstance().showPanel(editWidget); 
    } else {  
      setTimeout(function() {  
        editWidget = WidgetManager.getInstance().getWidgetById(widgetCfg.id);  
        WidgetManager.getInstance().openWidget(editWidget);  
        PanelManager.getInstance().showPanel(editWidget);  
      }, 3000);  
    }  
  }
}‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Open Widget Programatically ( Foldable Theme)

KrishV — Sun, 12 Dec 2021 08:36:11 GMT

Hi Robert Scheitlin, GISP‌,

Yes, I have the _getWidgetConfig function defined. I'm getting error at below line:

PanelManager.getInstance().showPanel(editWidget);

Error: Fail to startup panel widgets_Edit_Widget_59_panel. TypeError: Cannot set property 'done' of undefined

Regards,

Krish

Re: Open Widget Programatically ( Foldable Theme)

RobertScheitlin__GISP — Tue, 07 Aug 2018 14:02:52 GMT

Krish,

If the edit widget part of the foldable themes header controller or is it just in one of the on screen placeholder positions?

Re: Open Widget Programatically ( Foldable Theme)

KrishV — Tue, 07 Aug 2018 14:10:27 GMT

It is part of the Header controller.

above code is working if I open Edit widget after opening app and close it. But when I'm trying this without opening Edit Widget, it is giving error.

Thanks,

Krish

Re: Open Widget Programatically ( Foldable Theme)

RobertScheitlin__GISP — Sun, 12 Dec 2021 08:36:14 GMT

Krish,

In that case you need this:

var widgetCfg = this._getWidgetConfig('Edit');
var hc = WidgetManager.getInstance().getWidgetsByName("HeaderController")[0];
hc.setOpenedIds([widgetCfg.id]);‍‍‍‍‍‍‍

Re: Open Widget Programatically ( Foldable Theme)

KrishV — Sun, 12 Dec 2021 08:36:17 GMT

Yes! After setting below lines, Edit widget is getting opened.

var hc = WidgetManager.getInstance().getWidgetsByName("HeaderController")[0];
hc.setOpenedIds([widgetCfg.id]);

Thank you so much!!

Thanks,

Krish