https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/capture-show-hide-event-of-layerlist-arcgis/m-p/1262304#M80403 <P>Hello, I have a map in which I have added a feature layer and it shows in the LayerList on the top right corner.</P><P>Now what I want is, I want to capture the event whenever I show or hide this layer from the LayerList so that according to this I can do things.</P><P>Here is the sample code what I have tried so far.</P><LI-CODE lang="javascript">&lt;script&gt; require([ "esri/config", "esri/Map", "esri/views/MapView", "esri/layers/FeatureLayer", "esri/Basemap", "esri/Graphic", "esri/layers/GraphicsLayer", "esri/symbols/PictureMarkerSymbol", "esri/layers/support/LabelClass", "esri/rest/support/Query", "esri/geometry/Point", "esri/views/layers/LayerView", "esri/rest/locator", "esri/geometry/Polygon", "esri/symbols/SimpleLineSymbol", "esri/symbols/SimpleFillSymbol", "esri/widgets/LayerList", "esri/widgets/Expand", ], (esriConfig, Map, MapView, FeatureLayer, Basemap, Graphic, GraphicsLayer, PictureMarkerSymbol, LabelClass, Query, Point, LayerView, locator, Polygon, SimpleLineSymbol, SimpleFillSymbol, LayerList, Expand) =&gt; { esriConfig.apiKey= API_KEY; const map = new Map(); // const map = new Map({ // basemap: "arcgis-topographic" // Basemap layer // }); const view = new MapView({ map: map, center: [85.7780685, 25.8560264], scale: 1800000, container: "viewDiv", constraints: { snapToZoom: false } }); // District feature layer // Add district layer custom layout const districtLayerBorderLayout = { type: "simple", symbol: { type: "simple-line", style: "short-dot", color: "#000000", width: "1px" } }; const districtLayerTextLayout = new LabelClass({ symbol: { type: "text", color: "#ff00ff", font: { size: 10 } }, labelExpressionInfo: { expression: "$feature.D_NAME" } }); // Add district layer to the mapview const districtLayer = new FeatureLayer({ url: "https://gis.fmiscwrdbihar.gov.in/arcgis/rest/services/GisAtlas/GIS_Atlas_2023/MapServer/22", outFields:["*"], renderer: districtLayerBorderLayout, labelingInfo: [districtLayerTextLayout] }); map.add(districtLayer, 0); // layer list widget ////////////////////////// Add legend ////////////////////////// const layerList = new LayerList({ view: view }); const layerListExpand = new Expand({ expandIconClass: "esri-icon-layers", expandTooltip: "LayerList", view: view, expanded: false, content: layerList, group: "expandable-widgets" }); view.ui.add([layerListExpand], "top-right") }); &lt;/script&gt;</LI-CODE> Tue, 28 Feb 2023 06:01:10 GMT aggarwalarpit93 2023-02-28T06:01:10Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/capture-show-hide-event-of-layerlist-arcgis/m-p/1262304#M80403 <P>Hello, I have a map in which I have added a feature layer and it shows in the LayerList on the top right corner.</P><P>Now what I want is, I want to capture the event whenever I show or hide this layer from the LayerList so that according to this I can do things.</P><P>Here is the sample code what I have tried so far.</P><LI-CODE lang="javascript">&lt;script&gt; require([ "esri/config", "esri/Map", "esri/views/MapView", "esri/layers/FeatureLayer", "esri/Basemap", "esri/Graphic", "esri/layers/GraphicsLayer", "esri/symbols/PictureMarkerSymbol", "esri/layers/support/LabelClass", "esri/rest/support/Query", "esri/geometry/Point", "esri/views/layers/LayerView", "esri/rest/locator", "esri/geometry/Polygon", "esri/symbols/SimpleLineSymbol", "esri/symbols/SimpleFillSymbol", "esri/widgets/LayerList", "esri/widgets/Expand", ], (esriConfig, Map, MapView, FeatureLayer, Basemap, Graphic, GraphicsLayer, PictureMarkerSymbol, LabelClass, Query, Point, LayerView, locator, Polygon, SimpleLineSymbol, SimpleFillSymbol, LayerList, Expand) =&gt; { esriConfig.apiKey= API_KEY; const map = new Map(); // const map = new Map({ // basemap: "arcgis-topographic" // Basemap layer // }); const view = new MapView({ map: map, center: [85.7780685, 25.8560264], scale: 1800000, container: "viewDiv", constraints: { snapToZoom: false } }); // District feature layer // Add district layer custom layout const districtLayerBorderLayout = { type: "simple", symbol: { type: "simple-line", style: "short-dot", color: "#000000", width: "1px" } }; const districtLayerTextLayout = new LabelClass({ symbol: { type: "text", color: "#ff00ff", font: { size: 10 } }, labelExpressionInfo: { expression: "$feature.D_NAME" } }); // Add district layer to the mapview const districtLayer = new FeatureLayer({ url: "https://gis.fmiscwrdbihar.gov.in/arcgis/rest/services/GisAtlas/GIS_Atlas_2023/MapServer/22", outFields:["*"], renderer: districtLayerBorderLayout, labelingInfo: [districtLayerTextLayout] }); map.add(districtLayer, 0); // layer list widget ////////////////////////// Add legend ////////////////////////// const layerList = new LayerList({ view: view }); const layerListExpand = new Expand({ expandIconClass: "esri-icon-layers", expandTooltip: "LayerList", view: view, expanded: false, content: layerList, group: "expandable-widgets" }); view.ui.add([layerListExpand], "top-right") }); &lt;/script&gt;</LI-CODE> Tue, 28 Feb 2023 06:01:10 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/capture-show-hide-event-of-layerlist-arcgis/m-p/1262304#M80403 aggarwalarpit93 2023-02-28T06:01:10Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/capture-show-hide-event-of-layerlist-arcgis/m-p/1262417#M80409 <P>Hi&nbsp;<a href="https://community.esri.com/t5/user/viewprofilepage/user-id/657951">@aggarwalarpit93</a>&nbsp;, thanks for posting.&nbsp; I'd suggest using the <A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-core-reactiveUtils.html" target="_self">reactiveUtils</A> watch method to do this.&nbsp; This would allow you to watch for changes in the layer's visible property and then respond.&nbsp; I modified your original example in this&nbsp;<A href="https://codepen.io/sagewall/pen/abapWPb?editors=0011" target="_self">codepen</A>&nbsp;:&nbsp;</P><LI-CODE lang="javascript">reactiveUtils.watch( // getValue function () =&gt; districtLayer.visible, // callback (visible) =&gt; { visible ? console.log("The district layer is visible") : console.log("The district layer is not visible") }); });</LI-CODE><P>&nbsp;</P> Tue, 28 Feb 2023 13:07:37 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/capture-show-hide-event-of-layerlist-arcgis/m-p/1262417#M80409 Sage_Wall 2023-02-28T13:07:37Z