topic Re: Programmatically close Widget on Click - WAB DE in Web AppBuilder Custom Widgets Questions

Programmatically close Widget on Click - WAB DE

JeffWilcox1 — Tue, 06 Feb 2018 23:54:34 GMT

Attempting to use custom code in the Smart Editor widget, so that save button has an onclick that closes the editor entirely (instead of bringing it back to template) after save and would greatly appreciate a little direction on where it might go (not terribly familiar with JS), I am working in the Smart Editor Widget.js file and tried pasting in

PanelManager.getInstance().closePanel(widgetid + ‘_panel’);‍

I included the Define and the Function, but it inst working where I've been placing it. Have I botched the syntax?

Does anyone have a sample I could refer to?

Re: Programmatically close Widget on Click - WAB DE

RobertScheitlin__GISP — Wed, 07 Feb 2018 01:36:58 GMT

Jeff,

Do you have a local variable called widgetid? That’s probably your issue if not.

Re: Programmatically close Widget on Click - WAB DE

JeffWilcox1 — Sun, 12 Dec 2021 10:43:44 GMT

I think i have isolated the piece of code in the Widget.js that needs to be modified

this.own(on(saveButton, "click", lang.hitch(this, function () {
 if (!this._validateFeatureChanged()) {
 this._resetEditingVariables();
 return;
 }
if (this.map.infoWindow.isShowing) {
 this.map.infoWindow.hide();
 }
 this._saveEdit(this.currentFeature);‍‍‍‍‍‍‍‍‍
‍‍‍‍‍‍‍‍‍

I am currently using the widgetID from the WebApp's config.json file i have added the following line after line 9:

PanelManager.closePanel(widgets_SmartEditor_Widget_22 + '_panel');‍‍‍

Nothing happens (except a browser developer tool error pops up saying PanelManager.closePanel is not a function)

Re: Programmatically close Widget on Click - WAB DE

RobertScheitlin__GISP — Wed, 07 Feb 2018 18:53:14 GMT

Jeff,

That sounds like PanelManager is null in your codes scope. So where is the PanelManager var created?

Re: Programmatically close Widget on Click - WAB DE

JeffWilcox1 — Wed, 07 Feb 2018 19:41:44 GMT

I was able to get this to work with your insightful response! I had neglected to create the variables

Am I going about this the wrong way? I'm attempting to close the edit widget and end the editing session. the window closes...but i'm still in edit mode for all intents and purposes (ie: anything i click becomes selected for editing, instead of InfoWindow loading.)

Re: Programmatically close Widget on Click - WAB DE

RobertScheitlin__GISP — Wed, 07 Feb 2018 19:55:59 GMT

Jeff,

I think you have to call the widgets close method. I will look into this.

Re: Programmatically close Widget on Click - WAB DE

RobertScheitlin__GISP — Sun, 12 Dec 2021 10:43:46 GMT

Jeff,

Strange it took a little fiddling.

        this.own(on(saveButton, "click", lang.hitch(this, function () {
          if (!this._validateFeatureChanged()) {
            this._resetEditingVariables();
            return;
          }

          if (this.map.infoWindow.isShowing) {
            this.map.infoWindow.hide();
          }
          this._saveEdit(this.currentFeature);
          setTimeout(lang.hitch(this, function(){
            PanelManager.getInstance().closePanel(this.id + '_panel');
            this._cancelEditingFeature(true);
          }), 300);
        })));‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Programmatically close Widget on Click - WAB DE

JeffWilcox1 — Wed, 07 Feb 2018 23:24:27 GMT

this is awesome, closing and infowindow selection work flawlessly.

the widget is nonfunctional after save/closing though (after the initial save, editing a point results in an unending loadscreen). i'll keep tinkering with these functions and see if i can find one that resets the panel.