topic Re: TOC Control - expand at startup in ArcGIS API for Flex Questions

TOC Control - expand at startup

LeonScott — Wed, 05 May 2010 18:06:31 GMT

I want the TOC control to be expanded on startup of my app based on the Sample Flex Viewer. I've tried calling expandChildrenOf() and expandItem() methods for the control in the config function of the MapManager, but its had no effect. Any ideas?

Thanks.

Leon

Re: TOC Control - expand at startup

MarcCavallaro — Wed, 05 May 2010 18:34:53 GMT

Add the following in red to this code string in the config.xml within the widgets block.

<widget label="Live Maps" preload="maximized" icon="com/esri/solutions/flexviewer/assets/images/icons/i_layers48.png" menu="menuMap" config="com/esri/solutions/flexviewer/widgets/LiveMapsWidget.xml">com/esri/solutions/esa/widgets/LiveMapsWidget.swf</widget>

Re: TOC Control - expand at startup

LeonScott — Thu, 06 May 2010 15:50:54 GMT

Thanks for the response. I'm not using the LiveMapsWidget though. I've placed the TOC component in the MapManager.

Add the following in red to this code string in the config.xml within the widgets block.

<widget label="Live Maps" preload="maximized" icon="com/esri/solutions/flexviewer/assets/images/icons/i_layers48.png" menu="menuMap" config="com/esri/solutions/flexviewer/widgets/LiveMapsWidget.xml">com/esri/solutions/esa/widgets/LiveMapsWidget.swf</widget>

Re: TOC Control - expand at startup

RobertScheitlin__GISP — Thu, 06 May 2010 19:06:42 GMT

Bluesalmon,

Is it possible that you are trying to call the expand method before the tree is populated? That would be the first thing I would check.

Re: TOC Control - expand at startup

LeonScott — Fri, 07 May 2010 11:46:56 GMT

I'm calling it at the very end of the config function, like this. The layers are getting added to the map prior this in the same function.

//config
private function config(event:AppEvent):void
{

     .
     .
     .

     // Populate TOC control w/ live layers
     mapTOC.map = map;
     mapTOC.excludeLayers = getBasemaps();
     mapTOC.excludeGraphicsLayers = true;
     mapTOC.expandChildrenOf(mapTOC.firstVisibleItem, true);
}

Also, I read this in the Flex Language Reference that might be part of the issue:

If you set dataProvider and then immediately call expandChildrenOf() you may not see the correct behavior. You should either wait for the component to validate or call the validateNow() method.

Thank you for the responses!

Leon

Re: TOC Control - expand at startup

RobertScheitlin__GISP — Fri, 07 May 2010 11:52:33 GMT

Bluesalmon,

So have you tried the validatenow? Maybe validatenow in combination with CallLater.

Re: TOC Control - expand at startup

LeonScott — Fri, 07 May 2010 12:33:29 GMT

I tried different combinations of ValidateNow() and CallLater() with no results. You were right though, I was calling it in the wrong place. I call mapTOC.ExpandChildrenOf(....) in the mapLoadComplete function and success! So I end up with something like this:

private function config(event:AppEvent):void
{
   .
   .
   map.addEventListener(MapEvent.Load, mapLoadComplete);
   .
   .
   .
   // Populate TOC control w/ live layers
   mapTOC.map = map;
   mapTOC.excludeLayers = getBasemaps();
   mapTOC.excludeGraphicsLayers = true;
}

//map load complete
private function mapLoadComplete(event:MapEvent):void
{
   SiteContainer.dispatchEvent(new AppEvent(AppEvent.LAYER_LOADED, false, false, null));
   mapTOC.expandChildrenOf(mapTOC.firstVisibleItem, true);
}

Re: TOC Control - expand at startup

LeonScott — Fri, 07 May 2010 19:10:18 GMT

I called mapTOC.ExpandChildrenOf(....) in the mapLoadComplete function and success! ... or so I thought. It worked for a little while, until I exported to release build and the TOC no longer expanded. I must have been getting lucky with timing of the map finishing loading the TOC being populated when I was running it from Flex Builder. Weird.

I have tried ValidateNow() in the config function and it seems to really screw up the load process. My services don't appear, unless I manually zoom and my disclaimer window is off centered.

Re: TOC Control - expand at startup

RobertScheitlin__GISP — Fri, 07 May 2010 19:48:01 GMT

Leon,

Are you calling the validate now on the toc control?

mapTOC.validateNow();

Re: TOC Control - expand at startup

LeonScott — Wed, 12 May 2010 11:59:15 GMT

Yes, that is how I called ValidateNow. I'm trying to think of where the best place to call mapTOC.expandChildrenOf() or perhaps a listener of some sort is needed.

Re: TOC Control - expand at startup

AaronNash — Wed, 23 Jun 2010 12:25:12 GMT

has anyone come up with a resolution for this? This is something I was looking into also

thanks,
Aaron

Re: TOC Control - expand at startup

RobertScheitlin__GISP — Sat, 11 Dec 2021 12:21:51 GMT

Guys,

Here is the solution.

//Add this to the init function
callLater(expandTOC);

//Add this function
                        private function expandTOC():void
   { 
    toc.openItems = toc.dataProvider.source;
    for each(var item:TocMapLayerItem in toc.openItems) {
     if (item.isTopLevel())
      toc.expandItem(item,true,true,true,null);
    }          
   }

Re: TOC Control - expand at startup

JacksonTrappett — Sat, 11 Dec 2021 12:21:54 GMT

Guys,

Here is the solution.

//Add this to the init function
callLater(expandTOC);

//Add this function
                        private function expandTOC():void
   { 
    toc.openItems = toc.dataProvider.source;
    for each(var item:TocMapLayerItem in toc.openItems) {
     if (item.isTopLevel())
      toc.expandItem(item,true,true,true,null);
    }          
   }

Are you meaning the MapManager init? I tried adding this and nothing happens.

EDIT: never mind I got this fixed! Since my TOC code wasn't in MapManager I had to move it!

Re: TOC Control - expand at startup

LeonScott — Sat, 11 Dec 2021 12:21:56 GMT

I've tried this solution as your suggested, but the TOC still isn't expanding for some reason. Unfortunately, I haven't gotten very far on this issue lately. It would be a nice feature to have, but I didn't want to get hung up on it. Thanks again.

Leon

Guys,

Here is the solution.

//Add this to the init function
callLater(expandTOC);

//Add this function
                        private function expandTOC():void
   { 
    toc.openItems = toc.dataProvider.source;
    for each(var item:TocMapLayerItem in toc.openItems) {
     if (item.isTopLevel())
      toc.expandItem(item,true,true,true,null);
    }          
   }

Re: TOC Control - expand at startup

RobertScheitlin__GISP — Mon, 28 Jun 2010 14:21:48 GMT

Leon,

Strange that you are having trouble with this... There must be a really slow map service in your map. The issue is that the Tree can not have the expand functions called before it is ready, meaning all the leafs are initialized. So if you have a very slow map service in your map then the expand function could be getting called before the tree is ready. You could try another callLater from the first callLater.

Robert

Re: TOC Control - expand at startup

LeonScott — Mon, 28 Jun 2010 14:58:44 GMT

That is a possibility... I don't notice it being particularly slow to load. I load a few basemaps and an "overlay layer" in my app. I thought that number of services might contribute to what you are talking about. So far I've tested not loading the basemaps. I'll fiddle with overlay to see if that makes a difference. Thanks again.

Its online @ http://gis.dedham-ma.gov/propertyviewer, if you would like to see what I'm doing with the basemaps.

Leon

Leon,

Strange that you are having trouble with this... There must be a really slow map service in your map. The issue is that the Tree can not have the expand functions called before it is ready, meaning all the leafs are initialized. So if you have a very slow map service in your map then the expand function could be getting called before the tree is ready. You could try another callLater from the first callLater.

Robert

Re: TOC Control - expand at startup

RobertScheitlin__GISP — Mon, 28 Jun 2010 15:22:48 GMT

Leon,

Because you are using the TOC in a custom component, I am not sure when you are calling the expandTOC function, but it must be getting called to soon.

Re: TOC Control - expand at startup

LeonScott — Mon, 28 Jun 2010 17:14:43 GMT

Robert,

I have tried calling it in both init() and config() with similar results. I also tried calling it in the mapLoadcomplete() function at one point, but I didn't use the callLater() function. That made the difference. Before I was trying to expand the tree without the use of callLater in the same spot, so like you said it was getting called too soon. Thanks.

Leon

FYI - I am defining the TOC control in the MapManager.mxml like this....

<mx:HBox id="mainBox" width="100%" height="100%" >
.
.
.

<mx:VBox width="100%" height="225" styleName="TOCStyle" >
<mx:Label text="Live Layers" styleName="SectionTitle" />
<mx:ToggleButtonBar dataProvider="{mapViewStack}" />
<mx:ViewStack id="mapViewStack" width="100%" height="100%" paddingTop="5" paddingRight="5" paddingBottom="5" paddingLeft="5">
<mx:Canvas id="canvasTOC" label="TOC">
<toccomp:TOC id="mapTOC" width="100%" height="100%" useLayerFadeEffect="true" />
</mx:Canvas>
</mx:ViewStack>
</mx:VBox>
.
.
.
</mx:HBox>

Leon,

Because you are using the TOC in a custom component, I am not sure when you are calling the expandTOC function, but it must be getting called to soon.

Re: TOC Control - expand at startup

MatthewLawton — Mon, 02 Aug 2010 22:35:32 GMT

I am trying to do the same thing with the VIPER code, which I believe is built off of the Sample Flex Viewer. I copied Robert's code snippet into the MapManager.mxml at the end of the Init funciton, but it didn't seem to do anything either.

I guess I'm not even sure if I am starting in the right place. The path I used for that file in Flash Builder is src/com/esri/solutions.flexviewer/MapManager.mxml. Is that the right one? When I click on Run Index it opens up the application in bin-debug\index.html, but I don't even see any files with today's date in that folder when I view it in Windows Explorer. Is something not getting updated correctly when I compile my application?

Re: TOC Control - expand at startup

RobertScheitlin__GISP — Sat, 11 Dec 2021 12:21:59 GMT

Matthew,

Here is what you need in the LiveMapsWidget.mxml in the src/com/esri/solutions/esa/widgets/LiveMapsWidget.mxml if you are using the SFV 1.3

//Add this to the init function
callLater(expandTOC);
//Add this new function (make sure you don't add it inside of another function)
private function expandTOC():void
   { 
    if (expanded)
    {
     toc.openItems = toc.dataProvider.source;
     for each(var item:TocMapLayerItem in toc.openItems) {
      if (item.isTopLevel())
       toc.expandItem(item,true,true,true,null);
     }     
    }         
   }