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; } } }

Collapse all layers at start in agsjs.dijit.TOC

ChristianLutz

Hi all,

I am using this TOC http://gmaps-utility-gis.googlecode.com/svn-history/r354/trunk/agsjs/docs/toc/examples.html
Could someone tell me how to collapse ALL LAYERS at start or give me a hint?

Thanks a lot!!

Finde mehr Beiträge mit dem Tag

Accepted answers

All comments

AdrianMarsden

Hi - I'm working on the same problem, selectively collapse/expand at start up. Ive added an extra parameter to the definition -

            {
                layer: altmaps,
                slider: true,
                title: "OS Basemaps",
                isopen: false
            }

Now just need to know how to collapse a node from within the (excellent) code!

Cheers

ACM

AdrianMarsden

ok - cracked the code to get all groups collapsed - as in screenshot

[ATTACH=CONFIG]18426[/ATTACH]

In the postcreate function find and alter as below

           if (this.data._subLayerInfos) {
                //acm added to collapse groups at the start
                this.toggler.hide()
                //end acm addition

and a bit later

           //ACM also changed this line to get groups initial expand set
                //dojo.addClass(this.iconNode, a ? "dijitTreeExpandoOpened" : "dijitTreeExpandoClosed")
                dojo.addClass(this.iconNode, a ? "dijitTreeExpandoClosed" : "dijitTreeExpandoClosed")

So far it appears to work. The second part could be neater, but doing it this way you can see it has been changed to always return "dijitTreeExpandoClosed"

ACM

TOC.png

NianweiLiu

use "collapsed: true" option for each layerInfo in constructor.

var toc = new agsjs.dijit.TOC({
                  map: map,
                  layerInfos: [{
                    layer: safety,
                    title: "Safety Operations",
                   collapsed: true
                  },{
                    layer: census,
                    title: "Census",
                   collapsed: true
                  }]
                }, 'tocDiv');
                toc.startup();

It's documented in the reference page and source code. search for "collapsed".

AdrianMarsden

Many thanks, although tried that with my version headed "/*built on 2012-08-21 14:32:39.70*/" without any luck

ACM

Clip_12.jpg

NianweiLiu

http://gmaps-utility-gis.googlecode.com/svn/trunk/agsjs/examples/toc_collapsed.html

It's same built.

DerekWicks1

Is there any way to have the map service layer initially expanded but all collapsible groups within the map service (unique value renderers and group layers) collapsed?

NianweiLiu

Is there any way to have the map service layer initially expanded but all collapsible groups within the map service (unique value renderers and group layers) collapsed?

I'd suggest you create a enhancement request with the server, so it will return the exact expand/collapse information you set in the MXD. In that case, the TOC can basically reproduce what you configed in the MXD.

AbdulMateen

can you share clear code , what is "a" in dojo.addClass(this.iconNode, a ? "dijitTreeExpandoOpened" : "dijitTreeExpandoClosed")
c

ok - cracked the code to get all groups collapsed - as in screenshot

[ATTACH=CONFIG]18426[/ATTACH]

In the postcreate function find and alter as below
           if (this.data._subLayerInfos) {
                //acm added to collapse groups at the start
                this.toggler.hide()
                //end acm addition
and a bit later
           //ACM also changed this line to get groups initial expand set
                //dojo.addClass(this.iconNode, a ? "dijitTreeExpandoOpened" : "dijitTreeExpandoClosed")
                c
So far it appears to work. The second part could be neater, but doing it this way you can see it has been changed to always return "dijitTreeExpandoClosed"

ACM

ErikkRoss

Just wanted to say that this worked perfectly. Exactly what I wanted to do! Thanks! 🙂

ok - cracked the code to get all groups collapsed - as in screenshot

[ATTACH=CONFIG]18426[/ATTACH]

In the postcreate function find and alter as below
           if (this.data._subLayerInfos) {
                //acm added to collapse groups at the start
                this.toggler.hide()
                //end acm addition
and a bit later
           //ACM also changed this line to get groups initial expand set
                //dojo.addClass(this.iconNode, a ? "dijitTreeExpandoOpened" : "dijitTreeExpandoClosed")
                dojo.addClass(this.iconNode, a ? "dijitTreeExpandoClosed" : "dijitTreeExpandoClosed")
So far it appears to work. The second part could be neater, but doing it this way you can see it has been changed to always return "dijitTreeExpandoClosed"

ACM

AdrianMarsden

Whilst it is nice you got my hack working, I should have reposted here earlier to say I got nliu's method working fine, and now don't have any changes to the stock code (apart from one tiny style change, but that is just cosmetic) - so it'll be worth trying the developer's method again, if you haven't already done so. It'll make it much easier when new code is released (like it just has been)

ACM

NianweiLiu

Is there any way to have the map service layer initially expanded but all collapsible groups within the map service (unique value renderers and group layers) collapsed?

Yes, with the latest built posted on http://www.arcgis.com/home/item.html?id=9b6280a6bfb0430f8d1ebc969276b109 it is possible to retrieve individual node widget by it's underline layer. All you need to do is to find the list of layers based on whatever criteria you have, then find it's corresponding node in the TOC, and do something with it (collapse, expand, show, hide), after the TOC is loaded.

Clip_16.jpg

Clip_17.jpg

KevinMacLeod1

If I may I ask a related question...

Has anyone set Nianwei's AGS TOC widget to not collapse layer Groups when it is turned off? In other words, I have a dynamic service with around 100 layers. I've grouped these into a few groups which works great with the AGS widget, which groups them hierarchically just like ArcMap.

Now I am wondering how to make it NOT automatically collapse the groups when I turn them off. We want them to stay expanded, unless the user clicks the little "+" button. We do however want it to collapse/expand with the "+" automatically, as it does now by default.

I have tinkered with the 2.05 TOC.js code and I believe the relevant block of code is below but I have not succeeded. I set a lot of those visible items to true, set both expandos to "open" etc to no avail yet. Anyone else done this or know how?

var show = this.data.visible;
    // if it is a group layer and no child layer is visible, then collapse
    
    if (this.data._subLayerInfos) {
      var noneVisible = true;
      dojo.every(this.data._subLayerInfos, function(info) {
        if (info.visible) {
          noneVisible = false;
          return false;
        }
        return true;
      });
      if (noneVisible) 
        show = false;
    }
    
    if (this.data.collapsed) 
      show = false;
    if (this.iconNode && this.iconNode.src == this.blank) {
      dojo.addClass(this.iconNode, 'dijitTreeExpando');
      dojo.addClass(this.iconNode, show ? 'dijitTreeExpandoOpened' : 'dijitTreeExpandoClosed');
    }
    if (this.containerNode) 
      dojo.style(this.containerNode, 'display', show ? 'block' : 'none');
    
    if (this.rootLayerTOC.toc.style == 'standard' && this.iconNode && this.checkNode) {
      dojo.place(this.iconNode, this.checkNode.domNode || this.checkNode, 'before');
    }

NianweiLiu

TOC widget to not collapse layer Groups when it is turned off?

By default, if a group layer is turned off, or there is no any sub layer visible, it will be collapsed, this is a desirable behavior to minimize vertical scrolling. With the most recent built (as of 8/5) there is a new option 'autoToggle' in the constructor that disables this behavior.
http://www.arcgis.com/home/item.html?id=9b6280a6bfb0430f8d1ebc969276b109

Notice when you click "insert a new layer", the new TOC for the census layer has 'autoToggle'=false, and it will not automatically expand/collapsed based on the current visibility of the group/sub layers.

RichardMoussopo

This method did not work for me!

SmithaNivesh

Hi,

Use these tags in layerInfo:

collapsed: true,

autoToggle: false

Thanks.

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.