TOC Widget - Slider is not working

EdibertoAlves1 — Wed, 14 May 2014 16:54:43 GMT

Hi!

I am developing an application using the TOC Widget from this source:
http://gmaps-utility-gis.googlecode.com/svn/tags/agsjs/latest/docs/toc/examples.html

However, I'm not getting the slide tool to make transparency. On the moment that the user select the layer that desire to work and the layer is loaded.

Below the code snippet.

var dynaLayer1, dynaLayer2;
var toc, toogleLayer;

var dynaLayer1, dynaLayer2;
var toc, toogleLayer;

require([
"dojo/_base/connect",
"dojo/dom",
"dojo/parser",
"dojo/on",
"dojo/_base/Color",
"esri/map",
"esri/geometry/Extent",
"esri/layers/FeatureLayer",
"esri/layers/ArcGISTiledMapServiceLayer",
"esri/layers/ArcGISDynamicMapServiceLayer",
"esri/symbols/SimpleFillSymbol",
"esri/renderers/ClassBreaksRenderer",
"agsjs/dijit/TOC",
"dijit/layout/BorderContainer",
"dijit/layout/ContentPane",
"dojo/fx",
"dojo/domReady!",
"dojo/dom-construct",
"dijit/registry"
],
function (connect, dom, parser, on, Color,
Map, Extent, FeatureLayer, ArcGISTiledMapServiceLayer, ArcGISDynamicMapServiceLayer,
SimpleFillSymbol, ClassBreaksRenderer,
TOC, domConstruct, registry) {

     parser.parse();

     var mapServer = dojo.byId('selEmpreendimento'); // options from select with url mapservers

     dynaLayer1 = new ArcGISDynamicMapServiceLayer(mapServer.value, {
         mode: FeatureLayer.MODE_ONDEMAND
     });



    map.on('LayersAddResult', function (evt) {

         toc = new agsjs.dijit.TOC({
             map: map,
             layerInfos: [
             //{
             //    layer: featLayer1,
             //    title: "Fotos",
             //    //collapsed: false, // whether this root layer should be collapsed initially, default false.
             //    slider: true // whether to display a transparency slider.
             //},
             {
                 layer: dynaLayer1,
                 title: dynaLayer1.layerInfos.name,
                 //collapsed: false, // whether this root layer should be collapsed initially, default false.
                 slider: true // whether to display a transparency slider.
             }]
         }, 'tocDiv');

         toc.startup();
         map.addLayer(dynaLayer1);

     });

     on(mapServer, 'change', function (evt) {
         dynaLayer2 = new ArcGISDynamicMapServiceLayer(mapServer.value, {
             mode: FeatureLayer.MODE_ONDEMAND
         });

         map.addLayer(dynaLayer2);

         toogleLayer = map.on('LayerAddResult', function (evt) {
             toc.layerInfos.splice(0, 1, {
                 layer: dynaLayer2,
                 title: dynaLayer2.layerInfos.name,
                 slider: true

             });

             toc.refresh();
             toogleLayer.remove();


         });

     });

});

What I am make wrong?

Thanks

Re: TOC Widget - Slider is not working

EdibertoAlves1 — Thu, 15 May 2014 13:30:48 GMT

Anyone can help?

Re: TOC Widget - Slider is not working

KenBuja — Thu, 15 May 2014 16:18:46 GMT

Could you put this into something like JSBin to show what exactly is happening?

Re: TOC Widget - Slider is not working

JeffPace — Thu, 15 May 2014 17:10:14 GMT

first glance

your require is out of order. domReady needs to be last. And you are missing alot of aliases to the require (bordercontainer, fx, etc..)

These need to match exactly.

Re: TOC Widget - Slider is not working

GauriDeshmukh — Tue, 27 May 2014 03:14:34 GMT

Did you get the solution? If You find please post it here.

topic TOC Widget - Slider is not working in ArcGIS JavaScript Maps SDK Questions

TOC Widget - Slider is not working

Re: TOC Widget - Slider is not working

Re: TOC Widget - Slider is not working

Re: TOC Widget - Slider is not working

Re: TOC Widget - Slider is not working