topic Re: LayerTOC.mxml into ITitleWindow.mxml in custom web application in ArcGIS API for Flex Questions

LayerTOC.mxml into ITitleWindow.mxml in custom web application

francescodi_vito — Mon, 24 Jan 2011 09:28:11 GMT

Hi guys
i have developed a custom we application! I have developed a ITitleWindow with method PopUp, so i can call a panel with a button click. Now i would like to insert in tih ITitleWindow a LayerTOC.mxml so i can open and close my services in this panel.
This thing can be done?......in the TitleWindow i have to put in the class Esri:Map and ArcgisDynamic service?
thanks

Re: LayerTOC.mxml into ITitleWindow.mxml in custom web application

RobertScheitlin__GISP — Sat, 11 Dec 2021 19:30:23 GMT

Francesco,

Here is a example of what you need to do:

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow 
 xmlns="assets.*" 
 xmlns:mx="http://www.adobe.com/2006/mxml"
 xmlns:esri="http://www.esri.com/2008/ags"
    xmlns:samples="com.esri.ags.samples.*"
 width="320" 
 height="400"
 paddingLeft="10" 
 paddingRight="10" 
 paddingTop="10" 
 paddingBottom="10"
    x="0" 
    y="82" 
    title="Table of Contents" 
    dropShadowEnabled="true"
    dropShadowColor="Black"
    shadowDirection="right"
    shadowDistance="5"
    showCloseButton="true">
 
 <mx:Script>
        <![CDATA[
 
   import com.esri.ags.layers.ArcGISDynamicMapServiceLayer;
   import mx.controls.Alert;
   import com.esri.ags.samples.LayerTOC;
   import com.esri.ags.samples.LayerVizRenderer;
 
   [Bindable]
            public var layers:ArcGISDynamicMapServiceLayer;
 
  ]]>
    </mx:Script> 
               
 
 <samples:LayerTOC id="toc" layer="{layers}" width="280"/>
 
</mx:TitleWindow>

Re: LayerTOC.mxml into ITitleWindow.mxml in custom web application

francescodi_vito — Mon, 24 Jan 2011 12:56:00 GMT

Thanks Robert, but in the tag layer={layer}, i put in the "id" of my Dynamic Service?

Re: LayerTOC.mxml into ITitleWindow.mxml in custom web application

RobertScheitlin__GISP — Sat, 11 Dec 2021 19:30:25 GMT

Francesco,

So when you call this component you pass in the layers var. Like this:

<?xml version="1.0" encoding="utf-8"?>

<mx:Application

    xmlns:mx="http://www.adobe.com/2006/mxml"

    xmlns:esri="http://www.esri.com/2008/ags"

    xmlns:samples="com.*" 
    
    xmlns:local="*" 
    
    layout="absolute">

 <mx:Script>
  <![CDATA[
   import mx.effects.Move;
   import mx.managers.PopUpManager;
   import flash.events.Event;
   
   private var dragPanel:TOCPanel;
   
   private function showDragWindow():void
   {
    //optional display effect
    var move : Move = new Move;
    move.xTo = 100;
    move.yTo = 150;
    if (dragPanel == null)
    {
     dragPanel = TOCPanel( PopUpManager.createPopUp(this, TOCPanel, false) );
     //listen for close event if youve enabled close button
     dragPanel.layers = myDynamicService;
     dragPanel.addEventListener( "close", dragPanel_close );
     PopUpManager.centerPopUp( dragPanel );
     move.play( [dragPanel] );
    }
    else
    {
     PopUpManager.addPopUp(dragPanel,this,false);
     dragPanel.layers = myDynamicService;
     dragPanel.visible = true;
     move.play( [dragPanel] );
    }
   }
   
   private function dragPanel_close(evt:Event):void
   {
    PopUpManager.removePopUp(dragPanel);
   }
  ]]>
 </mx:Script>
 <esri:Map>

        <esri:ArcGISDynamicMapServiceLayer

            id="myDynamicService"

            url="http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/{myURL.selectedItem}/MapServer"

            load="myDynamicService.defaultVisibleLayers(); showDragWindow();"/>

    </esri:Map>

 <mx:ComboBox id="myURL" selectedIndex="0" horizontalCenter="0">

        <mx:Array>

            <mx:String>Demographics/ESRI_Census_USA</mx:String>

            <mx:String>Demographics/ESRI_Population_World</mx:String>

            <mx:String>Specialty/ESRI_StateCityHighway_USA</mx:String>

            <mx:String>Specialty/ESRI_StatesCitiesRivers_USA</mx:String>

            <mx:String>Specialty/SuperTuesdaySample</mx:String>

            <mx:String>Louisville/LOJIC_LandRecords_Louisville</mx:String>

            <mx:String>Louisville/LOJIC_PublicSafety_Louisville</mx:String>

        </mx:Array>

    </mx:ComboBox>
    <mx:Button click="showDragWindow()" label="Show TOC" left="60"  />
</mx:Application>

Re: LayerTOC.mxml into ITitleWindow.mxml in custom web application

francescodi_vito — Mon, 24 Jan 2011 13:14:26 GMT

ok. So if i want add in the titlewindow a Hslider for trasparency, i have to create in my application a new var for tag alpha?
Thanks

Re: LayerTOC.mxml into ITitleWindow.mxml in custom web application

RobertScheitlin__GISP — Sat, 11 Dec 2021 19:30:28 GMT

Francesco,

It is just this simple:

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow 
 xmlns="assets.*" 
 xmlns:mx="http://www.adobe.com/2006/mxml"
 xmlns:esri="http://www.esri.com/2008/ags"
    xmlns:samples="com.esri.ags.samples.*"
 width="320" 
 height="400"
 paddingLeft="10" 
 paddingRight="10" 
 paddingTop="10" 
 paddingBottom="10"
    x="0" 
    y="82" 
    title="Table of Contents" 
    dropShadowEnabled="true"
    dropShadowColor="Black"
    shadowDirection="right"
    shadowDistance="5"
    showCloseButton="true">
 
 <mx:Script>
        <![CDATA[
 
   import com.esri.ags.layers.ArcGISDynamicMapServiceLayer;
   import mx.controls.Alert;
   import com.esri.ags.samples.LayerTOC;
   import com.esri.ags.samples.LayerVizRenderer;
   
   import com.esri.ags.layers.Layer;
   import com.esri.ags.Map;    
 
   [Bindable]
            public var layers:ArcGISDynamicMapServiceLayer;
            
            private var _layer:Layer;
    
   //set layer alpha
         private function setLayerAlpha():void
         {
          layers.alpha = slider.value;
         }        
        
         private function sldrDataTipFormatter(value:Number):String 
      { 
       return int(value * 100) + "%"; 
      }
 
  ]]>
    </mx:Script> 
    
    <mx:VBox verticalGap="0" width="100%" paddingLeft="6" paddingRight="6" paddingBottom="3" paddingTop="3">
  <mx:HSlider id="slider" minimum="0" maximum="1" width="100%" change="setLayerAlpha()" 
   dataTipFormatFunction="sldrDataTipFormatter" liveDragging="true" value="{layers.alpha}"/>
 </mx:VBox>           
 
 <samples:LayerTOC id="toc" layer="{layers}" width="280"/>
 
</mx:TitleWindow>

Re: LayerTOC.mxml into ITitleWindow.mxml in custom web application

francescodi_vito — Mon, 24 Jan 2011 13:52:39 GMT

Sorry Robert
but in Title Window when i put in "layers" my id of Dynamic Service i have one error

Re: LayerTOC.mxml into ITitleWindow.mxml in custom web application

RobertScheitlin__GISP — Mon, 24 Jan 2011 13:54:38 GMT

Francesco,

If you look at the code it is not expecting an id it wants an actual ArcGISDynamicMapServiceLayer object.

Re: LayerTOC.mxml into ITitleWindow.mxml in custom web application

francescodi_vito — Mon, 24 Jan 2011 14:04:09 GMT

aaah ok 🙂
I understand Robert
Thanks thanks

Re: LayerTOC.mxml into ITitleWindow.mxml in custom web application

francescodi_vito — Mon, 24 Jan 2011 14:56:00 GMT

Robert but if a id is not expecting in this case i have to use one WMS with more layers. But if i want to put in Title window more layerTOC with one WMS for each is possible?

Re: LayerTOC.mxml into ITitleWindow.mxml in custom web application

RobertScheitlin__GISP — Mon, 24 Jan 2011 17:29:01 GMT

Francesco,

I can't say... I have not tried that.

Re: LayerTOC.mxml into ITitleWindow.mxml in custom web application

francescodi_vito — Mon, 24 Jan 2011 18:10:31 GMT

Hi Robert
First to create ITitle Window i worked in different way!I created a new class and then I loaded several individual services in this way. Do you think this script that I wrote in class superpanel

<esri:Map id="myMap">
   <esri:extent>
    <esri:Extent xmin="12.0674850574739" ymin="41.5918637972499" xmax="13.1110231653314" ymax="42.3812560928617">
    <esri:SpatialReference wkid="4326"/> 
     </esri:Extent>
   </esri:extent>
   <esri:ArcGISTiledMapServiceLayer url="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer"/>
   <esri:ArcGISTiledMapServiceLayer url="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer" alpha="{layerAlpha.value}"/>
   <esri:ArcGISDynamicMapServiceLayer id="myDynamicService" url="http://193.204.163.134/ArcGIS/rest/services/Roma/Carg_Roma/MapServer" load="myDynamicService.defaultVisibleLayers()" alpha="{layer1.value}"/>
      <esri:ArcGISDynamicMapServiceLayer id="myDynamicService1" url="http://193.204.163.134/ArcGIS/rest/services/Roma/DEM/MapServer" load="myDynamicService1.defaultVisibleLayers()" alpha="{layer2.value}"/>
      <esri:ArcGISDynamicMapServiceLayer id="myDynamicService2" url="http://193.204.163.134/ArcGIS/rest/services/Roma/Circoscrizioni/MapServer" load="myDynamicService2.defaultVisibleLayers()" alpha="{layer3.value}"/>
      <esri:ArcGISDynamicMapServiceLayer id="myDynamicService3" url="http://193.204.163.134/ArcGIS/rest/services/Roma/Sondaggi/MapServer" load="myDynamicService3.defaultVisibleLayers()"/>
      <esri:ArcGISDynamicMapServiceLayer id="myDynamicService4" url="http://193.204.163.134/ArcGIS/rest/services/nuovi_servizi/carta_tecnica/MapServer" load="myDynamicService4.defaultVisibleLayers()" alpha="{layer4.value}"/>
      <esri:GraphicsLayer id="myGraphicsLayer"/>
</esri:Map>

<panel:SuperPanel x="63" y="10" width="221" height="469" backgroundColor="#000000" backgroundAlpha="0.4" headerHeight="20" title="Live Maps" layout="absolute" showControls="true" enableResize="true" fontFamily="Arial" fontWeight="bold" fontSize="12" color="#000000">
   <mx:ComboBox x="10" y="10" width="195" height="15" id="myURL" fontSize="10" color="#FFFFFF">
   <mx:Array>
    <mx:String>Carg Roma</mx:String>
   </mx:Array>
   </mx:ComboBox>
   <samples:LayerTOC x="10" y="25" height="46" width="195" fontSize="10" layer="{myDynamicService}"/>
   <mx:HSlider x="45" y="68" id="layer1" minimum="0" maximum="1" value="0" snapInterval=".01" liveDragging="true"/>
   <mx:Image x="10" y="70" source="assets/alpha.png"/>
   <mx:Image x="10" y="158" source="assets/alpha.png"/>
   <mx:Image x="10" y="246" source="assets/alpha.png"/>
   <mx:ComboBox x="10" y="89" width="195" height="15" fontSize="10" color="#FFFFFF" id="myURL1">
   <mx:Array>
    <mx:String>Digital Elevation Model</mx:String>
   </mx:Array>
   </mx:ComboBox>
   <samples:LayerTOC x="10" y="104" height="54" width="195" fontSize="10" layer="{myDynamicService1}"/>
   <mx:HSlider x="45" y="156" id="layer2" minimum="0" maximum="1" value="0" snapInterval=".01" liveDragging="true"/>
   <mx:ComboBox x="10" y="177" width="195" height="15" fontSize="10" color="#FFFFFF" id="myURL2">
   <mx:Array>
    <mx:String>Circoscrizioni</mx:String>
   </mx:Array>
   </mx:ComboBox>
   <samples:LayerTOC x="10" y="192" height="54" width="195" fontSize="10" layer="{myDynamicService2}"/>
   <mx:HSlider x="45" y="244" id="layer3" minimum="0" maximum="1" value="0.3" snapInterval=".01" liveDragging="true"/>
   <mx:ComboBox x="10" y="263" width="195" height="15" color="#FFFFFF" id="myURL3" fontSize="10">
   <mx:Array>
    <mx:String>Sondaggi</mx:String>
   </mx:Array>
   </mx:ComboBox>
   <samples:LayerTOC x="10" y="279" height="78" width="195" layer="{myDynamicService3}" fontSize="10" themeColor="#009DFF"/>
   <mx:Image x="10" y="426" source="assets/alpha.png"/>
   <mx:ComboBox x="10" y="365" width="195" height="15" fontSize="10" color="#FFFFFF" id="myURL4">
   <mx:Array>
    <mx:String>CTR</mx:String>
   </mx:Array>
   </mx:ComboBox>
   <samples:LayerTOC x="10" y="381" width="195" fontSize="10" layer="{myDynamicService4}" height="46"/>
   <mx:HSlider x="45" y="424" id="layer4" minimum="0" maximum="1" value="0" snapInterval=".01" liveDragging="true"/>
</panel:SuperPanel>

That is a panel with a script for resizable. But i would like to use title window.
What do you think?