Sure, here it is. I don't know how to put it in the fancy box with numbered lines like your replies.
require([
"esri/Map",
"esri/views/MapView",
"esri/layers/FeatureLayer",
"esri/layers/TileLayer",
"esri/widgets/LayerList",
"esri/core/watchUtils",
"dojo/dom",
"dojo/on",
"dojo/domReady!"
], function (
Map, MapView, FeatureLayer, TileLayer, LayerList, dom, on, watchUtils
) {
var featureLayer = new FeatureLayer({
url: "https://services.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/Landscape_Trees/FeatureServer/0"
});
var transportationLyr = new TileLayer({
url: "https://server.arcgisonline.com/ArcGIS/rest/services/Reference/World_Transportation/MapServer",
// This property can be used to uniquely identify the layer
id: "streets",
});
//initialize the map object
var map = new Map({
basemap: "hybrid"
});
map.add(featureLayer);
map.add(transportationLyr);
//set up the viewing object and inital viewport
var view = new MapView({
container: "viewDiv", // Reference to the DOM node that will contain the view
map: map, // References the map object
extent: { // autocasts as new Extent()
xmin: -9177811,
ymin: 4247000,
xmax: -9176791,
ymax: 4247784,
spatialReference: 102100
}
});
//LayerListWidget initialization
var layerList = new LayerList({
view: view,
listItemCreatedFunction: onLayerWidgetStartup
});
view.ui.add(layerList, "top-left");
watchUtils.whenDefinedOnce(layerList, "viewModel", function (evt) {
var mydom = domConstruct.toDom("<a class='saveLink' href='#'>Save</a>");
setTimeout(function () {
domConstruct.place(mydom, query('.esri-layer-list')[0], "first");
on(query('.saveLink')[0], 'click', function () {
console.info("save button clicked");
});
}, 200);
});
view.then(function () {
layerList.on("trigger-action", function (event) {
var id = event.action.title;
//this is what is called when the save button is hit.
//If I undersand your snippit, I would paste over the
//the console.info("save button clicked"); command.
if (id === "Save Layer visibility") {
var item = event.item;
var operationalItemCollection = layerList.operationalItems;
var visibleLayersArray = CheckVisibleProperty(operationalItemCollection);
document.cookie = setCookie("CustomDefaultLayers", visibleLayersArray.join("|"));
}
});
});
//helper function to create visibleLayersArray
function CheckVisibleProperty(passedCollection) {
var passedArray = passedCollection.toArray();
var resultArray = new Array();
for (var i = 0; i < passedArray.length; i++) {
if (passedArray.visible === true) {
if (passedArray.children.length != 0) {
var tempArray = CheckVisibleProperty(passedArray.children);
resultArray = resultArray.concat(tempArray);
}
resultArray.push(passedArray.title);
}
}
return resultArray;
}
//I belive the onLayerWidgetStartup() can be commented out since the
//function only lets me read the cookies made and I know
//this part works
//helper function to initialize the layerList widget
function onLayerWidgetStartup(event) {
var item = event.item;
//initializeing the visibility of the layers on startup
item.visible = false;
if (checkCookie()) //check cookie is defined in the cookieMonster
{
var resultString = getCookie("CustomDefaultLayers");
if (resultString.indexOf(item.title) != -1) {
item.visible = true;
}
//defaultVisibleLayers is defined as a JSON object in another .js file
} else {
if (defaultVisibleLayers.indexOf(item.title) != -1) { //string.indexOf() reference https://www.w3schools.com/jsref/jsref_indexof.asp
item.visible = true;
}
}
}
});
