topic Re: Filtering a webmap layer within a web appbuilder application on startup in ArcGIS Web AppBuilder Questions

Filtering a webmap layer within a web appbuilder application on startup

SvivaManager — Wed, 24 May 2017 08:03:21 GMT

Hello,

Is there any way for me to filter a layer on startup of an application?

My current solution was to publish the same layer twice in a web map service. One layer shows all records. The other one is filtered by date.

I want to have only one layer published and when the user starts the appilcation, filter it by date and let him do as he pleased.

Is there a way to configure a widget with a certain filter to kick-in on startup?

Regards,

Shay.

Re: Filtering a webmap layer within a web appbuilder application on startup

RobertScheitlin__GISP — Wed, 24 May 2017 12:00:55 GMT

Shay,

The simplest answer is to use the Filter widget and set the widget to open at startup.

Re: Filtering a webmap layer within a web appbuilder application on startup

SvivaManager — Wed, 24 May 2017 12:05:06 GMT

Hi Robert,

Thank you, but from what I know, when the widget starts with the application, it does not commit a filter on the layer, it just shows the widget screen..

Do you know on a way to choose a custom fiter to run when it opens up? (only on startup and not each time the user clicks the widget).

Shay.

Re: Filtering a webmap layer within a web appbuilder application on startup

RobertScheitlin__GISP — Wed, 24 May 2017 12:31:21 GMT

Ok, then you will want to filter your layer in you web map in AGOL then.

Re: Filtering a webmap layer within a web appbuilder application on startup

SvivaManager — Wed, 24 May 2017 12:33:54 GMT

But then it's permanent and the user cannot change it also, there is no option to filter it with formulas like in arcmap to use the current date as a parameter.

Shay.

Re: Filtering a webmap layer within a web appbuilder application on startup

RobertScheitlin__GISP — Wed, 24 May 2017 12:49:07 GMT

Shay,

So what you are wanting is not available OTB then and would call for customization.

Here is a thread on this subject:https://community.esri.com/thread/181799-run-filter-in-background-executing-programmatically-an-expession

Re: Filtering a webmap layer within a web appbuilder application on startup

SvivaManager — Wed, 24 May 2017 13:09:09 GMT

Thank you Robert! It looks promising but the FilterManager does not have a method called applyWidgetFilter.. I tried it on the app's code in the jmu.js folder

Shay.

Re: Filtering a webmap layer within a web appbuilder application on startup

RobertScheitlin__GISP — Wed, 24 May 2017 13:14:24 GMT

Shay,

I am not sure which version of WAB you are using then as 2.4 FilterManager absolutely has a applyWidgetFilter method.

Re: Filtering a webmap layer within a web appbuilder application on startup

SvivaManager — Wed, 24 May 2017 13:22:03 GMT

Version 2.2. I'll try to upgrade and see if it changes anything.

Re: Filtering a webmap layer within a web appbuilder application on startup

SvivaManager — Wed, 24 May 2017 17:12:52 GMT

I am probably missing here something.. It doesn't work because once this command runs -

FilterManager.getInstance();

The result is undefined.. there is no instance.. I tried to define a filter for this layer in the filter widget + a filter in the webmap itself but the instance stays undefined.

Do you happen to know what exactly this code is trying to initialize?

Shay.

Re: Filtering a webmap layer within a web appbuilder application on startup

RobertScheitlin__GISP — Wed, 24 May 2017 17:30:45 GMT

Shay,

Did you add the require for FilterManager in your code?

Re: Filtering a webmap layer within a web appbuilder application on startup

SvivaManager — Wed, 24 May 2017 17:39:03 GMT

Actually it's not my code, it was created with the app and I found that the FilterManager was already there by default, so I searched the command you mentioned in the post you were referring to and found it inside already.. So yes, they call the FilterManager in the require section before using it. see the attached screenshot -

Re: Filtering a webmap layer within a web appbuilder application on startup

RobertScheitlin__GISP — Wed, 24 May 2017 18:14:39 GMT

Shay,

In that case you would add a new line of code like:

this.filterManager.applyWidgetFilter(layerId, null, "your sql expression");

Re: Filtering a webmap layer within a web appbuilder application on startup

SvivaManager — Thu, 25 May 2017 09:01:47 GMT

Robert,

Thanks for helping! I Just duplicated line 67 in the screenshot above and the instance came back but then it falls on a different function of finding a layer's info.

I did a debug on the code when I apply a filter with the widget and then of course it happens perfectly fine.

as from what I understand, the code I'm trying to insert is in the wrong spot... Could you guide me where should I put the code exactly? is this the right file for it?? where can I inject my own code after the app has loaded succefully??

Shay.

Re: Filtering a webmap layer within a web appbuilder application on startup

RobertScheitlin__GISP — Sat, 11 Dec 2021 16:10:47 GMT

Shay,

OK after re-examining your requirement the best solution seems to be set your filter widget to open at start and then add lines 38-40 to your Filter Widgets postCreate function:

      postCreate: function(){
        this.inherited(arguments);
        this._store = {};
        this.layerInfosObj = LayerInfos.getInstanceSync();
        this.filterUtils = new FilterUtils();
        this.filterManager = FilterManager.getInstance();

        var filters = this.config.filters;
        array.forEach(filters, function(filterObj, idx) {
          var isAskForValue = this.filterUtils.isAskForValues(filterObj.filter);

          var parse = {
            icon: filterObj.icon ? jimuUtils.processUrlInWidgetConfig(filterObj.icon, this.folderUrl) :
              this.folderUrl + '/css/images/default_task_icon.png',
            index: idx,
            title: filterObj.name,
            toggleTip: this.nls.toggleTip,
            hasValue: isAskForValue ?
              (window.appInfo.isRunInMobile ? 'block !important' : '') : 'none',
            isAskForValue: isAskForValue,
            apply: lang.getObject('jimuNls.common.apply', false, window) || 'Apply'
          };

          if (!this._store[filterObj.layerId]) {
            this._store[filterObj.layerId] = {
              mapFilterControls: {}
              // filter_item_idx
            }; // filter_item_idx, mapFilterControls
          }

          var template = lang.replace(this._itemTemplate, parse, /\$\{([^\}]+)\}/ig);
          var node = html.toDom(template);
          html.place(node, this.filterList);
          this.own(
            query('.header', node)
            .on('click', lang.hitch(this, 'enableFilter', node, filterObj, parse))
          );
          if(filterObj.name === 'ParksFinder'){
            query('.header', node)[0].click();
          }‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Where 'ParksFinder' is the name of your filter in the widget you want applied on startup.

Re: Filtering a webmap layer within a web appbuilder application on startup

SvivaManager — Thu, 25 May 2017 19:45:25 GMT

Great thanks a lot Robert. I highly appreciate all your help.

I hope you don't mind me asking, there is another small issue I'm having with this solution - the filter widget does not allow a default parameter of a CURRENT date.

I found the configuration file and it's all JSON based... which means I cannot insert a function to get the current date and inject it as a parameter.

have you ever got to deal with a work around for this? I'll probably use your filter widget instead of the built-in filter widget since I want the filter results to be available as a new layer. Otherwise, the filter get cancelled when the filter widget is closed.

Shay.

Re: Filtering a webmap layer within a web appbuilder application on startup

RobertScheitlin__GISP — Thu, 25 May 2017 20:44:27 GMT

Shay,

No I have never run into that need yet. My eSearch as the ability to use a url parameter to search and has the ability to specify last48, thismonth, thisyear as date search values.

Re: Filtering a webmap layer within a web appbuilder application on startup

SvivaManager — Thu, 25 May 2017 20:47:22 GMT

Thanks again

Re: Filtering a webmap layer within a web appbuilder application on startup

AlistairFox — Mon, 29 May 2017 04:06:33 GMT

Robert, this is a really good help. i got this working. But now I want to make it more invisible to the user. I have a URL variable I can grab and want to use that to change the value the filter is carried out on dynamically. So 2 questions:

1: where in this code can I intercept the filter query string set by default and change it and

2: how can I close the filter dialogue after the filter has run.

Re: Filtering a webmap layer within a web appbuilder application on startup

TimConfare — Wed, 29 Nov 2017 21:27:43 GMT

Alistair, this is exactly what I was trying to do. Have you found a solution?