topic Re: TOC in ArcGIS JavaScript Maps SDK Questions

Hi everyone, I am running into an issue using the widget TOC here and I am really unsure why. I am pretty new to JS API but I am really getting into creating my own web maps. I tried to use the same widget within my own code and get an empty output (no errors mentioned in Firebug). My goal for today is to add the TOC to the legend pane. Has someone any idea why it would not show up/ what I am missing?

Thank you for your help!

Alex

Re: TOC

JeffPace — Sat, 11 Dec 2021 17:50:06 GMT

actually you (at a minimum) have the same problem as the person above you

require([
        "esri/map", "esri/config", "esri/dijit/HomeButton", "esri/dijit/BasemapGallery", "esri/arcgis/utils", "esri/dijit/Scalebar",
        "esri/layers/ArcGISDynamicMapServiceLayer",
        "esri/tasks/Geoprocessor", "esri/tasks/FeatureSet", "esri/toolbars/draw",
        "esri/symbols/SimpleFillSymbol", "esri/symbols/SimpleLineSymbol", "esri/renderers/ClassBreaksRenderer",
        "esri/graphic",
        "dojo/_base/Color", "agsjs/dijit/TOC",
        "dojo/dom", "dojo/dom-style", "dojo/query", "dojo/parser", "dojo/on", "dojo/_base/connect",
        "dijit/registry",
        "dijit/layout/BorderContainer", "dijit/layout/ContentPane",  "dijit/layout/AccordionContainer",
        "dijit/TitlePane", "dijit/form/CheckBox", "dijit/form/ComboBox", "dojo/parser", "dijit/Toolbar", "dijit/form/DropDownButton", "dijit/form/TextBox",
        "dojo/domReady!"
      ], function(
        Map, esriConfig, HomeButton, BasemapGallery, arcgisUtils, Scalebar,
        ArcGISDynamicMapServiceLayer, Legend,
        Geoprocessor, FeatureSet, Draw,
        SimpleFillSymbol, SimpleLineSymbol,
        Graphic,
        Color, ClassBreaksRenderer, TOC,
        dom, domStyle, query, parser, connect, on,
        registry
      ) {

These are out of sync with each other. they have to match PERFECTLY, in order.

SO you added the "Legend" to the function, but not to the require.

So Geoprocessor is being aliased "Legend". FeatureSet is now "Geoprocessor" etc....

Re: TOC

AlexGole1 — Sat, 11 Dec 2021 17:50:09 GMT

actually you (at a minimum) have the same problem as the person above you

require([
        "esri/map", "esri/config", "esri/dijit/HomeButton", "esri/dijit/BasemapGallery", "esri/arcgis/utils", "esri/dijit/Scalebar",
        "esri/layers/ArcGISDynamicMapServiceLayer",
        "esri/tasks/Geoprocessor", "esri/tasks/FeatureSet", "esri/toolbars/draw",
        "esri/symbols/SimpleFillSymbol", "esri/symbols/SimpleLineSymbol", "esri/renderers/ClassBreaksRenderer",
        "esri/graphic",
        "dojo/_base/Color", "agsjs/dijit/TOC",
        "dojo/dom", "dojo/dom-style", "dojo/query", "dojo/parser", "dojo/on", "dojo/_base/connect",
        "dijit/registry",
        "dijit/layout/BorderContainer", "dijit/layout/ContentPane",  "dijit/layout/AccordionContainer",
        "dijit/TitlePane", "dijit/form/CheckBox", "dijit/form/ComboBox", "dojo/parser", "dijit/Toolbar", "dijit/form/DropDownButton", "dijit/form/TextBox",
        "dojo/domReady!"
      ], function(
        Map, esriConfig, HomeButton, BasemapGallery, arcgisUtils, Scalebar,
        ArcGISDynamicMapServiceLayer, Legend,
        Geoprocessor, FeatureSet, Draw,
        SimpleFillSymbol, SimpleLineSymbol,
        Graphic,
        Color, ClassBreaksRenderer, TOC,
        dom, domStyle, query, parser, connect, on,
        registry
      ) {

First of all, thank you for your answer. I have reorder (a little) my code as you rightly mentioned. I did reorder my modules/ functions better (TOC comes right after the dynamic layer) and removed the dojo/on, dojo/connect, because I am not sure how useful they are for what I want to do. However it still did not work...

Re: TOC

JeffPace — Fri, 14 Mar 2014 17:13:01 GMT

you have extra /section tags

(line 327)

Re: TOC

AlexGole1 — Fri, 14 Mar 2014 17:34:10 GMT

you have extra /section tags

(line 327)

Thanks for noticing! I corrected that. However the layout already worked fine before I added the "TOC" widget. Something went wrong when I added the TOC.

Re: TOC

JeffPace — Fri, 14 Mar 2014 17:49:47 GMT

did you download and add the agsjs folder and files to your project?

Re: TOC

AlexGole1 — Fri, 14 Mar 2014 18:13:53 GMT

did you download and add the TOC.js folder and files to your project?

That is a very good point. I only downloaded the CSS file but not the JS. However, I just moved it, tried running it and and was still unsuccessful...

Re: TOC

JeffPace — Fri, 14 Mar 2014 19:35:38 GMT

ok i think you are skipping alot of steps

you need to download the agsjs package

in your project you should have (at least)

the agsjs folder
the TOC.js file
the css/TOC.css
the templates/tocNode.html and templates/tocNode_files/${_blankGif}

plus you need to add the agsjs to the packages of your dojoConfig

Re: TOC

AlexGole1 — Fri, 14 Mar 2014 20:48:40 GMT

ok i think you are skipping alot of steps

you need to download the agsjs package

in your project you should have (at least)

the agsjs folder
the TOC.js file
the css/TOC.css
the templates/tocNode.html and templates/tocNode_files/${_blankGif}

plus you need to add the agsjs to the packages of your dojoConfig

That is what I did once you mentioned i did not have the TOC.js, I brought over all the downloaded TOC files/folders in my wwroot folder. I believe I have it all well linked too now. Here is my code as it is now. I am not really where to reference the tocNode.html and templates/tocNode_files/${_blankGif}. Let me know if you would like me to zip/mail my app.
Thanks again for all your help!
Alex

Re: TOC

AlexGole1 — Mon, 17 Mar 2014 20:05:05 GMT

Can anybody help me out with this TOC widget? Thank you,
Alex