topic Re: Layer List Widget Expand 1 Level in Web AppBuilder Custom Widgets Questions

Layer List Widget Expand 1 Level

JohnLucotch1 — Fri, 27 May 2016 15:14:44 GMT

Good Morning, Has anyone had success expanding the Layer List Widget by 1 Level so the sublayers of a map service are only showing?

Re: Layer List Widget Expand 1 Level

RobertScheitlin__GISP — Sun, 12 Dec 2021 10:14:04 GMT

John,

Here is the solution:

open the LayerListView.js and find the layerTitleTdNode click event (@ line 272) and add these lines after it @ line 279

If you want to change this for all apps you produce in the future then change this file: client\stemapp\widgets\LayerList\LayerListView.js

If you want to change on specific app then change this file:server\apps\[app#]\widgets\LayerList\LayerListView.js

Lines 10 - 17

      //bind event
      this.own(on(layerTitleTdNode,
        'click',
        lang.hitch(this,
          this._onRowTrClick,
          layerInfo,
          imageShowLegendNode,
          layerTrNode,
          tableNode)));
      if(level === 0){
        setTimeout(lang.hitch(this,
          this._onRowTrClick,
          layerInfo,
          imageShowLegendNode,
          layerTrNode,
          tableNode), 300);
      }

Re: Layer List Widget Expand 1 Level

AndrewNiederhauser1 — Wed, 01 Nov 2017 19:55:33 GMT

Hi Robert,

I'm using WABDE 2.6. I tried to insert the code you suggested (line 213 instead of 279) but am seeing the Layer List widget now completely blank/empty. Any suggestion you can provide would be greatly appreciated. Below is screenshot of the code in my LayerListView.js. My goal is to expand only the first/initial level of the map service and not the subsequent/all groupings.

Thanks,

Andrew

Re: Layer List Widget Expand 1 Level

RobertScheitlin__GISP — Wed, 01 Nov 2017 20:09:47 GMT

Andrew,

It looks like they changed a variable name again. Change your line 217 from imageShowLegendNode to imageShowLegendDiv.

Re: Layer List Widget Expand 1 Level

AndrewNiederhauser1 — Wed, 01 Nov 2017 20:13:09 GMT

That did it. Thank you Robert!

Re: Layer List Widget Expand 1 Level

KeithAnderson — Sun, 12 Dec 2021 10:14:07 GMT

On a similar note:

I added Line 7 to emulate the click event on the Popup - Expand All Layers

        lang.hitch(this,
          this._onRowTrClick,
          layerInfo,
          imageShowLegendDiv,
          layerTrNode,
          tableNode)));
            this.foldOrUnfoldAllRootLayers(false);‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Layer List Widget Expand 1 Level

GeorgeKatsambas — Wed, 14 Feb 2018 15:03:38 GMT

In WAB Developer 2.7 does this code change work?

Re: Layer List Widget Expand 1 Level

RobertScheitlin__GISP — Wed, 14 Feb 2018 15:10:32 GMT

George,

As long as you take this reply into account:

https://community.esri.com/message/726223-re-layer-list-widget-expand-1-level?commentID=726223#comment-726223

Re: Layer List Widget Expand 1 Level

MatthewFletcher — Tue, 20 Jul 2021 18:57:55 GMT

This still works in V2.20, add the code after line 351.