topic Re: Legend - toggle services - unchecked boxes in ArcGIS JavaScript Maps SDK Questions

Re: Legend - toggle services - unchecked boxes

EdwardGriffin — Tue, 10 Sep 2013 05:24:55 GMT

Hi

I'm modifying this code a bit to make a web application:

https://developers.arcgis.com/en/javascript/jssamples/widget_legendvisible.html

The code produces a TOC and a legend, created dynamically using dynamic layers.

Is there any way of having the boxes unchecked when it opens? At the moment they are all checked.

This is the part of the code which controls the checkboxes. I thought it might be as easy as exchanging
checked :layer.layer.visible, WITH
checked: false,

which does have some impact on the page but does not quite get there.

    //add check boxes
        dojo.forEach(legendLayers, function (layer) {
          var layerName = layer.title;
          var checkBox = new dijit.form.CheckBox({
            name    :"CheckBox" + layer.layer.id,
            value   :layer.layer.id,
            checked :layer.layer.visible,
            onChange:function (evt) {
              var clayer = map.getLayer(this.value);
              clayer.setVisibility(!clayer.visible);
              this.checked = clayer.visible;
             }
          });

Any ideas would be gratefully received!

Cheers

Ed

Re: Legend - toggle services - unchecked boxes

KenBuja — Tue, 10 Sep 2013 12:16:38 GMT

Since the initial checked property of the check box is set by the layer's visibility, the easy way to do it is to set the visibility of the layers to false when they are created.

      var quakeLayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/Earthquakes/EarthquakesFromLastSevenDays/MapServer", {id:'quakes', visible: false});        var fireLayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/Fire/Sheep/MapServer", {id:'fire', visible: false});

Re: Legend - toggle services - unchecked boxes

EdwardGriffin — Tue, 10 Sep 2013 20:15:50 GMT

Hi Ken

Thanks for the reply: awesome simple solution, worked first time.

I had to add "visible : true" the base layer to get that to show too.

Thanks again

Ed