nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Duplicate layers in TOC widget

CM2

Hey folks,

I'm having an issue where layers I'm using in Nliu's TOC are showing up double in the TOC.

Check out my code on JSFiddle here: http://jsfiddle.net/749QG/1/

Weird! I'm not sure why it's doing that - does so no matter what service I use.

Thanks for any suggestions,

Craig

Finde mehr Beiträge mit dem Tag

Accepted answers

JonathanUihlein

Hi! Thanks for the response. There are two errors with your current sample so let's fix those.

First, you are using parser.parse(); when you already have both "parseOnLoad: true" and "dojo/domReady!" in your code.
I noticed that you were copy/pasting code from Nliu's sample, which included the parser.

These can all be used in different situations. You may find value in reading documentation about the following modules: "dojo/parser", "dom/ready", "dojo/domReady!". Also read about the 'parseOnLoad' djConfig property.

Secondly, you reference dom nodes that do not exist in your sample. Remove the following lines and your sample seems to work for me.

dojo.byId("ChangeFeatureRenderer").disabled = false; dojo.byId("SetVisibleLayersProgramatically").disabled = false; dojo.byId("FindNodeByLayer").disabled = false; dojo.byId("InsertNewLayer").disabled = false;

*edit,

You should always use try/catch blocks if you suspect a problem in a specific section of code.
I also recommend browser-based development tools for troubleshooting problems like these.

All comments

JonathanUihlein

It looks like you are creating a new TOC every time a layer is added to your map.

Your map has multiple layers being added, so the 'layer-add-result' is firing multiple times.

CM2

I don't see how that can be?

One layer is added to the TOC (once):

layerInfos: [{
              layer: dynaLayer1,
              title: "McKenzie Parcels",
              //collapsed: true
              slider: true
              }]

and one layer is added to the map (once):

map.addLayers([dynaLayer1]);

How would I set it so that the TOC isn't firing more than it should?

JonathanUihlein

dojo.byId("ChangeFeatureRenderer").disabled = false; dojo.byId("SetVisibleLayersProgramatically").disabled = false; dojo.byId("FindNodeByLayer").disabled = false; dojo.byId("InsertNewLayer").disabled = false;

*edit,

You should always use try/catch blocks if you suspect a problem in a specific section of code.
I also recommend browser-based development tools for troubleshooting problems like these.

MikeVolz

I am having the same issue when I use my own mapservice, so I cannot help out with this specific problem.

I do have some items to add about this TOC widget though. The first instance of the layers in the TOC is not dynamic, so if you have layers with scale dependencies the top TOC never changes but the bottom TOC does so the top TOC is the problem. The bottom TOC does not respect group layers as I have a group layer with scale dependencies, but the group layer never expands in the bottom TOC.

BrettGreenfield__DNR_

The TOC is being loaded twice, for some reason. I got rid of the entire toc.on section, and it only loaded once. Strangely, I also got rid of toc.startup() and again, the TOC loaded but only once. I'm not familiar with Nilu's TOC so I don't know exactly how it works, but if the things within the toc.on function aren't necessary, it looks like you can just get rid of those and the TOC will be fine.

CM2

Interesting; thanks for the replies, everyone. Jon's removal of code worked for me. I thought I had tried that, but I must have removed too much.

Brett your suggestion worked for me as well.

Clearly I had been removing too much or too little when I was trying. Thanks a lot, guys. Is it obvious that I'm new to this? 😄

I'll certainly do some more reading. Thanks again. This is working: http://jsfiddle.net/749QG/4/

MayJeff

I am so new to JavaScript API and try to change version to 3.9 on this sample:
http://jsfiddle.net/749QG/4/ but found error message on console when using Firefox. Can someone try to explain it?
Thanks.

errorregistry.gif

kenbuja

You have both

        var djConfig = {
            parseOnLoad: true,
            packages: [{
                "name": "agsjs",
                "location": "http://gmaps-utility-gis.googlecode.com/svn/tags/agsjs/latest/build/agsjs"
            }]
        };

and

parser.parse();

Use one or the other. And take a look at this page on parseOnLoad vs. parser.parse()

MayJeff

Thank you for your suggestion and the info page. But I still see the error message.
http://jsfiddle.net/xZ5QQ/1/

AlfredBaldenweck_2-1739908693282.png

Building a Best-in-Class Culture with Esri Technical Certification.png

kenbuja

That Fiddle show a new error. However, if you switch back to 3.8, that error goes away.

MayJeff

I realized that too. Only with version 3.9 got errors. Not sure why. Thank you.

kenbuja

You may want to start a separate thread to get the attention of the API developers.

NianweiLiu

That Fiddle show a new error. However, if you switch back to 3.8, that error goes away.

The problem for the code is around the event used to trigger the creation of the digit. The code used 'layer-add-result', which is an event that fired multiple times, thus the developer was actually trying to create many instances of TOC and would running into problems. Even developer code just called 'addLayer' once, the basemap add by API itself would trigger that event internally too.
Having something like "if (toc==null ) toc=new ..." might help, although it is really about make sure knowing when the code will be called.
Why 3.8 worked could be just how DOJO internally check div changed, may not even an ESRI thing.

Nimm an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.