FlexViewer 2.0 LayerList

[MelissaJohnson]

I am new to the Flex API and have gotten pretty far with configuring the new flex viewer (I downloaded the version with source) , but I am stuck on the LayerListWidget.  I am trying to set it up to load layers from my dynamic map service.  The dynamic map service displays fine.  I have 3 services under basemaps (in config.xml), an aerial, streets (both tiled), and general data service(dynamic). 

I can't figure out what in LayerListWidget.mxml I need to change to read the layers in my dynamic service.  I hooked it up in config.xml:

<widget label="Layer List" x="600" y="400" icon="assets/images/i_layers.png"
          config="widgets/LayerListWidget.xml"
          url="widgets/LayerList/LayerListWidget.swf"/>

and it shows up in the toolbar and when you select it you get:

Application Error
Error:Event Target:[objectHTTPOperation]
Event Type: Fault
Fault Code: Server.Error.Request
Fault Info: HTTP request errror

The Layer List widget comes up but is empty.  Love the sample viewer and appreciate its being made available, but I do wish there were more detailed explanations in the code to help configure it.

I assume it is not able to figure out where the layer is to pull from.  Is there something else I need to change to configure this correctly?  Thanks in advance!
Melissa

[SandeepTalasila]

Hi Robert,
I've tried to use your code to expand my TOC in layer list widget, but nothing happens. I can't get to expand my TOC automatically, shall I have to add anything in config.xml too for this to work? Thanks.

EDIT: Got it. worked after using validateNow() function.

Melissa,


    If you have the FlexViewer2.0 source code than you just have to add some code to the LayerListWidget.mxml.

<?xml version="1.0" encoding="utf-8"?>
<!--
     ////////////////////////////////////////////////////////////////////////////////
     //
     // Copyright (c) 2010 ESRI
     //
     // All rights reserved under the copyright laws of the United States.
     // You may freely redistribute and use this software, with or
     // without modification, provided you include the original copyright
     // and use restrictions.  See use restrictions in the file:
     // <install location>/License.txt
     //
     ////////////////////////////////////////////////////////////////////////////////
-->
<viewer:BaseWidget xmlns:fx="http://ns.adobe.com/mxml/2009"
                   xmlns:s="library://ns.adobe.com/flex/spark"
                   xmlns:mx="library://ns.adobe.com/flex/mx"
                   xmlns:viewer="com.esri.viewer.*"
                   xmlns:toccomp="com.esri.viewer.components.toc.*"
                   widgetConfigLoaded="init()"
                   x="600"
                   y="400">
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
   import com.esri.viewer.components.toc.tocClasses.TocMapLayerItem;

            private function init():void
            {
                toc.map = map;
                toc.isMapServiceOnly = false; //gotta get this from the config file
                toc.excludeLayers = getExcludeLayers();
                toc.excludeGraphicsLayers = true;
    callLater(expandTOC);
            }
   
   private function expandTOC():void
   { 
    toc.openItems = toc.dataProvider.source;
    for each(var item:TocMapLayerItem in toc.openItems) {
     if (item.isTopLevel()){
      toc.expandItem(item, true);
     }
    }              
   }

            private function getExcludeLayers():ArrayCollection
            {
                var result:ArrayCollection = new ArrayCollection();

                if (configData && configData.basemaps)
                {
                    // exclude basemaps
                    for (var i:int = 0; i < configData.basemaps.length; i++)
                    {
                        result.addItem(configData.basemaps.label);
                    }
                }

                if (configXML)
                {
                    // exclude these layers
                    var layers:XMLList = configXML.excludelayer as XMLList;
                    for (var j:Number = 0; j < layers.length(); j++)
                    {
                        result.addItem(layers.toString());
                    }
                }

                return result;
            }
        ]]>
    </fx:Script>
    <viewer:WidgetTemplate id="wTemplate"
                           height="300"
                           width="300">
        <viewer:layout>
            <s:VerticalLayout gap="8" paddingTop="4"/>
        </viewer:layout>
        <s:Label text="Layer Visibility"/>
        <toccomp:TOC id="toc"
                     height="100%"
                     width="100%"/>
    </viewer:WidgetTemplate>
</viewer:BaseWidget>