Show only layers visible on map in the layerlist

[akshayloya]

I have developed an application where we turn on the layer visibility programmatically. These layers are on a web map. Now in the layer list widget, I don't want to show all the layers, I just want to show which I have turned on programmatically. 

The problem is when I configure layerlist, by default I don't add any layers in there. But now when I make the portal layer visibility true, it does not come up in layerlist widget automatically.  How can I achieve this?

Thanks in advance!

Roberts Custom WAB Widgets‌ any suggestions?

[Adri2cPérez_Beneito]

I propose this: Communication between widgets—Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers 

[RobertScheitlin__GISP]

Akshay,

Now in the layer list widget, I don't want to show all the layers, I just want to show which I have turned on programmatically. 

This is an issue because the layerlist should show all layer visible or not.

There must be something wrong with how you are setting the layers to be visible for then not to automatically show in the layer list widget as visible. I would have to see some code.

[akshayloya]

This is what I'm doing. I really don't want all the layers in the layerlist as there are 200 of them. I just want the one which I programmatically open. 

var layers = this.map.getLayersVisibleAtScale(this.map.getScale());

array.forEach(layers, lang.hitch(this, function (layer) {

if (layer.name == evt.currentTarget.title) {

if (evt.currentTarget.checked == true) {

layer.setVisibility(true);

} else {

layer.setVisibility(false);

}

}

}));

SO basically when the  layer.setVisibility(true); ....It should come in the layerlist widget also. 

[RobertScheitlin__GISP]

Akshay,

   So that is your issue then. You do not set the layers visibility directly. You need to use the 

jimu/LayerStructure and jimu/LayerNode

You would use code like this:

define([
...
'jimu/LayerStructure',
...
],
function(
...
LayerStructure,
...

//get the layer structure
this.layerStructure  = LayerStructure.getInstance();

// this loops through all the layers and turns then off
this.layerStructure.traversal(lang.hitch(this, function(layerNode) {
  if(layerNode.title === evt.currentTarget.title){
    layerNode.toggle();
  }
}));‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

[akshayloya · Accepted solution]

Maybe I failed to explain my issue correctly. Anyway solved it by simply changing the config value. I was just stressed out today. Thanks

Called the below function:

showLayers: function () {

debugger

// summary:

// create a LayerListView module used to draw layers list in browser.

this.layerListView = new LayerListView({

operLayerInfos: this.operLayerInfos,

layerListWidget: this,

config: this.config

}).placeAt(this.layerListBody);

},

[arunepuri1]

Hi Akshay,

I am having the same issue as you mentioned. But whatever you mentioned in the above code that is already in LayerList\Widget.js.

Can you please explain your solutions in details and from where you called this function. If possible code snippet will be helpful.

I am using WAB 2.8 default Layer List widget.

When I add any dynamic layer to the map through another custom widget as per below code.

the map is showing properly with the visible layers which are provided with a SetVisibleLayers option. But the same is not reflecting in LayerList widget and default it is considering map service Default Visibility property and showing all nodes as checked even though on the map that layers are not visible.

Code:

I added a sample water network map service 

Water_Network (MapServer) 

var dynamicLayer = new ArcGISDynamicMapServiceLayer(url, {
'visible': true
});
dynamicLayer.setVisibleLayers([-1,-1,20,21,23]);

map.addLayer(dynamicLayer);

Thanks

Arun E

[elogplaza]

Solved one of my problems, thanks!