topic Re: LayerList 2.1 option to displays sublayer in ArcGIS Web AppBuilder Questions

LayerList 2.1 option to displays sublayer

haThach — Mon, 29 Aug 2016 17:14:46 GMT

Have anyone know if there is a way to configure a dynamic map server with 3 sublayers, the first layer is active as default. if a user turn on the second sublayer, any displays sublayer within this "Sample Locations" map server will turn off? I don't want a user to manually have to turn off the displays "Active" layer.

Thanks,

Ha Thach

Re: LayerList 2.1 option to displays sublayer

RobertScheitlin__GISP — Sat, 11 Dec 2021 08:15:32 GMT

Ha Thach,

Here is what I was able to come up with:

In the LayerListView.js:

    _onCkSelectNodeClick: function(layerInfo, ckSelect, evt) {
      if(evt.ctrlKey || evt.metaKey) {
        if(layerInfo.isRootLayer()) {
          this.turnAllRootLayers(ckSelect.checked);
        } else {
          this.turnAllSameLevelLayers(layerInfo, ckSelect.checked);
        }
      } else {
        if(layerInfo.parentLayerInfo && layerInfo.newSubLayers.length === 0 && ckSelect.checked){
          var layerOptions = {};
          var rootLayerInfo = layerInfo.getRootLayerInfo();
          rootLayerInfo.traversal(lang.hitch(this, function(subLayerInfo) {
            if(subLayerInfo.parentLayerInfo &&
               subLayerInfo.parentLayerInfo.id === layerInfo.parentLayerInfo.id &&
               !this.isLayerHiddenInWidget(subLayerInfo)) {
              layerOptions[subLayerInfo.id] = {visible: false};
              if(subLayerInfo.id === layerInfo.id){
                layerOptions[subLayerInfo.id] = {visible: true};
              }
            } else {
              layerOptions[subLayerInfo.id] = {visible: subLayerInfo.isVisible()};
            }
          }));
          rootLayerInfo.resetLayerObjectVisibility(layerOptions);
        }else{
          layerInfo.setTopLayerVisible(ckSelect.checked);
        }
      }
      evt.stopPropagation();
    },‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: LayerList 2.1 option to displays sublayer

ColterSikora1 — Thu, 15 Jun 2017 22:14:25 GMT

Hello rscheitlin,

Where in the LayerListView.js is this code supposed to be placed?

Thank you!

Colter

Re: LayerList 2.1 option to displays sublayer

RobertScheitlin__GISP — Fri, 16 Jun 2017 00:10:09 GMT

Colter,

The code is a replacement for the _onCkSelectNodeClick function.

Re: LayerList 2.1 option to displays sublayer

ColterSikora1 — Mon, 19 Jun 2017 15:53:31 GMT

No luck so far Robert Scheitlin, GISP‌. Are there any other alterations that I should keep in mind? I'm just making the change from the downloaded code straight out of ArcGIS Web App Builder.

Re: LayerList 2.1 option to displays sublayer

RobertScheitlin__GISP — Mon, 19 Jun 2017 17:47:57 GMT

Colter,

So you are saying that you are changing the LayerListView.js file that is directly on your web server?

Re: LayerList 2.1 option to displays sublayer

ColterSikora1 — Mon, 19 Jun 2017 18:06:14 GMT

Hi Robert,

I'm downloading the code from AGO, making the change, and launching up to the web server.

Re: LayerList 2.1 option to displays sublayer

RobertScheitlin__GISP — Mon, 19 Jun 2017 18:11:09 GMT

Colter,

If you are downloading from AGOL then the code is minified... So it will be really hard for you to find the correct spot to replace. You need to be working with WAB Deveedition if you want to make code changes like this.

Re: LayerList 2.1 option to displays sublayer

ColterSikora1 — Sat, 11 Dec 2021 08:15:35 GMT

Hi Robert,

I didn't think it was that hard, but I could have this wrong too. Hopefully this provides enough context for what I did:

_foldOrUnfoldLayers:function(a,b){h.forEach(a,function(a){this._foldOrUnfoldLayer(a,b)},this)},_onCkSelectNodeClick: function(layerInfo, ckSelect, evt) {
      if(evt.ctrlKey || evt.metaKey) {
        if(layerInfo.isRootLayer()) {
          this.turnAllRootLayers(ckSelect.checked);
        } else {
          this.turnAllSameLevelLayers(layerInfo, ckSelect.checked);
        }
      } else {
        if(layerInfo.parentLayerInfo && layerInfo.newSubLayers.length === 0 && ckSelect.checked){
          var layerOptions = {};
          var rootLayerInfo = layerInfo.getRootLayerInfo();
          rootLayerInfo.traversal(lang.hitch(this, function(subLayerInfo) {
            if(subLayerInfo.parentLayerInfo &&
               subLayerInfo.parentLayerInfo.id === layerInfo.parentLayerInfo.id &&
               !this.isLayerHiddenInWidget(subLayerInfo)) {
              layerOptions[subLayerInfo.id] = {visible: false};
              if(subLayerInfo.id === layerInfo.id){
                layerOptions[subLayerInfo.id] = {visible: true};
              }
            } else {
              layerOptions[subLayerInfo.id] = {visible: subLayerInfo.isVisible()};
            }
          }));
          rootLayerInfo.resetLayerObjectVisibility(layerOptions);
        }else{
          layerInfo.setTopLayerVisible(ckSelect.checked);
        }
      }
      evt.stopPropagation();
    },_onPopupMenuClick:function(a,b,c,d){this._changeSelectedLayerRow(c);b&&"opened"===b.state?b.closeDropMenu():(this._hideCurrentPopupMenu(),b&&(this.currentPopupMenu=b,b.openDropMenu()));this.operationsDropMenu&&
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

I'll have to see what I can get from the Developer's Edition also.

Re: LayerList 2.1 option to displays sublayer

ShannonHealy1 — Mon, 06 Aug 2018 14:04:03 GMT

Hi Robert, I attempted to add this code to my widget but it did not provide the described function. I was wondering whether that was because the layers I would like to switch on and off are sub-sublayers? (I have attached an image of my operational layers list, the ones I want to have this exclusive viewing functionality are layers 3-5)

Thanks in advance, I appreciate the help!

Re: LayerList 2.1 option to displays sublayer

RobertScheitlin__GISP — Mon, 06 Aug 2018 14:17:22 GMT

Shannon,

That would be the case as you have a group nested inside another group. I did not setup the code to search through nested groups recursively.

Re: LayerList 2.1 option to displays sublayer

Gianna_BBSRC — Thu, 08 Aug 2019 11:06:44 GMT

Hello,

I have a similar issue. However, I'd like only some checkboxes to act as radio buttons (ie with mutually exclusive viewing functionality).

I've managed to hide the checkboxes for group layers and applied Robert Scheitlin, GISP's code above in replacement for the _onCKSelectNodeClick function.

The problem I'm facing is that I'm dealing with mosaic raster time-series data displaying different scenarios which are mutually exclusive (ie I don't want them displayed at the same time on top of each other). Additionally, within each mosaic dataset are three folders (boundary, footprint and image) which I'd like to hide from the end user. So the structure for my datasets looks like this:

and I've managed to achieve this in WAB developer (with checkboxes shown acting as radio buttons):

But the only checkboxes I'd like to provide are at the mosaic dataset level (layer 2 and 3 in example) with boundary, footprint, image layers all on but hidden AND I'd like those checkboxes to act like radio buttons with mutually exclusive viewing functionality, as below.

Any advice you could provide will be massively useful.

Many thanks,

Gianna

(I've posted this as a new question and there's an answer to it here)

layerlist