topic Re: Interactive data table for GraphicsLayers in ArcGIS API for Silverlight Questions

Interactive data table for GraphicsLayers

JianChen — Mon, 30 Jan 2012 21:15:41 GMT

The ESRI sample (http://help.arcgis.com/en/webapi/silverlight/samples/start.htm#FeatureDataGrid) shows a way to create an interactive data table for GraphicLayer (click the map, associated feature will highlight in the FeatureDataGrid, Vice versa). The core part is the FeatureLayer_MouseLeftDown function as below:

private void FeatureLayer_MouseLeftButtonDown(object sender, GraphicMouseButtonEventArgs args)         {             args.Graphic.Selected = !args.Graphic.Selected;             if (args.Graphic.Selected)                 MyDataGrid.ScrollIntoView(args.Graphic, null);         }

XAML code from Sample:

<esri:FeatureLayer ID="California" Renderer="{StaticResource SelectRenderer}"      Url="http://serverapps.esri.com/ArcGIS/rest/services/California/MapServer/8"      OutFields="*" MouseLeftButtonDown="FeatureLayer_MouseLeftButtonDown" /> ... <esri:FeatureDataGrid Grid.Row="2" x:Name="MyDataGrid"     Map="{Binding ElementName=MyMap}"     GraphicsLayer="{Binding ElementName=MyMap, Path=Layers.[California]}" />  The map user click actually is a feature layer and the featureDataGrid is binding to a GraphicsLayer (the same feature layer anyway). I make some changes from the sample for my application. If I get rid of the feature layer and the GraphicsLayer is returned from a query and I worte a similar GraphicsLayer_MouseLeftButton Down function, if you click the map, the entry in the FeatureDataGrid can be highlighted, but when I click a row in the FeatureDataGrid, the feature on the map doesn't highlight. What do I miss here?   private void GraphicsLayer_MouseLeftButtonDown(object sender, GraphicMouseButtonEventArgs e)         {             e.Graphic.Selected = !e.Graphic.Selected;             if (e.Graphic.Selected)                 MyDataGrid.ScrollIntoView(e.Graphic, null);         }
 


The XAML from my code:

<esri:GraphicsLayer ID="MyGraphicsLayer" MouseLeftButtonDown="GraphicsLayer_MouseLeftButtonDown" /> .... <esri:FeatureDataGrid x:Name="MyDataGrid" Background="White"     Map="{Binding ElementName=MyMap}"     GraphicsLayer="{Binding ElementName=MyMap, Path=Layers.[MyGraphicsLayer]}" >                           </esri:FeatureDataGrid>

Re: Interactive data table for GraphicsLayers

DominiqueBroux — Tue, 31 Jan 2012 06:44:31 GMT

if you click the map, the entry in the FeatureDataGrid can be highlighted, but when I click a row in the FeatureDataGrid, the feature on the map doesn't highlight. What do I miss here?

Most generally this means that the Map of the FeatureDataGrid is not or badly initialized.

If this is the only location you initialize the Map

Map="{Binding ElementName=MyMap}"

my best bet would be that the Map is not called 'MyMap'.
Check that point. I have no others ideas anyway.

Re: Interactive data table for GraphicsLayers

JianChen — Tue, 31 Jan 2012 14:53:55 GMT

Most generally this means that the Map of the FeatureDataGrid is not or badly initialized.

If this is the only location you initialize the Map
Map="{Binding ElementName=MyMap}"
my best bet would be that the Map is not called 'MyMap'.
Check that point. I have no others ideas anyway.

Thanks Dominique! I double checked and that is the only place I initialize the map and there's no other Map object in this project. So I don't have any idea but I'll keep digging it.

Re: Interactive data table for GraphicsLayers

DominiqueBroux — Wed, 01 Feb 2012 09:43:06 GMT

Did you check taht your map is called 'MyMap' ?

Re: Interactive data table for GraphicsLayers

KenCarrier — Wed, 01 Feb 2012 14:43:09 GMT

Did you check taht your map is called 'MyMap' ?

Is there any way to use a FeatureDataGrid without a map.

If I just wanting to edit a standalone table published as a FeatureServer service could I read the rows directly into the FeatureDataGrid?

Re: Interactive data table for GraphicsLayers

JianChen — Wed, 01 Feb 2012 19:52:22 GMT

Did you check taht your map is called 'MyMap' ?

Positive! My map is called "MyMap" and I only initialize the FeatureDataGrid once in the XAML. I don't have any clue about what's wrong.

Re: Interactive data table for GraphicsLayers

JianChen — Wed, 01 Feb 2012 20:24:41 GMT

I'm also thinking about write a function to response the LeftMouseDown event on FeatureDataGrid. But I don't know how to connect FeatureDataGrid back to GraphicsLayer. As we understand, a MouseLeftButtonDown function can use a selected graphic as an input of datagrid's ScrollIntoView function to find associated record. In a similar function on FeatureDataGrid, I can think about using selectedItem as a bridge to get the associated graphic in the GraphicsLayer. But how to do that? The next question is how to highlight the target feature in GraphicsLayer�? I couldn't find a method of GraphicsLayer can allow me to do this. Any idea? Thanks!

Re: Interactive data table for GraphicsLayers

JenniferNery — Fri, 10 Dec 2021 20:29:31 GMT

You can look at this SDK sample: http://help.arcgis.com/en/webapi/silverlight/samples/start.htm#FeatureDataGrid
Code-behind (this can also be on GraphicsLayer_MouseLeftButtonDown):

        private void FeatureLayer_MouseLeftButtonDown(object sender, GraphicMouseButtonEventArgs args)
        {
            args.Graphic.Selected = !args.Graphic.Selected;
            if (args.Graphic.Selected)
                MyDataGrid.ScrollIntoView(args.Graphic, null);
        }

FeatureDataGrid.GraphicsLayer can be bound to a GraphicsLayer. It's fields will come from GraphicsLayer.Graphics.Attributes.

Re: Interactive data table for GraphicsLayers

JianChen — Fri, 10 Dec 2021 20:29:34 GMT

You can look at this SDK sample: http://help.arcgis.com/en/webapi/silverlight/samples/start.htm#FeatureDataGrid
Code-behind (this can also be on GraphicsLayer_MouseLeftButtonDown):
        private void FeatureLayer_MouseLeftButtonDown(object sender, GraphicMouseButtonEventArgs args)
        {
            args.Graphic.Selected = !args.Graphic.Selected;
            if (args.Graphic.Selected)
                MyDataGrid.ScrollIntoView(args.Graphic, null);
        }
FeatureDataGrid.GraphicsLayer can be bound to a GraphicsLayer. It's fields will come from GraphicsLayer.Graphics.Attributes.

I already did what you suggested (as code included in the initial post). But somehow it doesn't work. I'm struggling in troubleshooting these days.

Re: Interactive data table for GraphicsLayers

DominiqueBroux — Thu, 02 Feb 2012 06:38:20 GMT

No idea.
Can you share a piece of code allowing to reproduce the issue?

Re: Interactive data table for GraphicsLayers

JianChen — Fri, 10 Dec 2021 20:29:37 GMT

No idea.
Can you share a piece of code allowing to reproduce the issue?

Thanks Dominique! Below is part of the XAML & C# code:

 <Grid.Resources>
    <esri:SimpleFillSymbol x:Key="DefaultFillSymbol"  />
   <esri:SimpleMarkerSymbol x:Key="MyMarkerSymbol" Color="Blue"/>
</Grid.Resources>

<esri:Map x:Name="MyMap" WrapAround="true" Background="White" Extent="-130, 20, -65, 55"> <!--"{StaticResource BaseColor}" >-->
                <esri:ArcGISTiledMapServiceLayer ID="BaseLayer" 
            Url="http://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer" />
                <esri:GraphicsLayer ID="MyGraphicsLayer" MouseLeftButtonDown="GraphicsLayer_MouseLeftButtonDown">
                    <esri:GraphicsLayer.MapTip>
                        <Border esri:GraphicsLayer.MapTipHideDelay="00:00:0.5" BorderBrush="DarkGray" CornerRadius="13" BorderThickness="1" Margin="0,0,15,15" >
                            <Border.Effect>
                                <DropShadowEffect ShadowDepth="10" BlurRadius="14" Direction="300" />
                            </Border.Effect>
                            <Border CornerRadius="10" Background="#DDFFEEEE" BorderThickness="4" BorderBrush="#77FF0000" Name="MapTipBorder">
                                <StackPanel Orientation="Vertical" HorizontalAlignment="Center" Margin="10">
                                    <StackPanel>
                                        <HyperlinkButton TargetName="_blank" Content="{Binding Path=[Organization_Name]}" HorizontalAlignment="Center" Foreground="RED" NavigateUri="{Binding [Link]}" />
                                    </StackPanel>
                                </StackPanel>
                            </Border>
                        </Border>
                    </esri:GraphicsLayer.MapTip>
                </esri:GraphicsLayer>
            </esri:Map>

            <esri:FeatureDataGrid x:Name="MyDataGrid" Background="White"
    Map="{Binding ElementName=MyMap}"
    GraphicsLayer="{Binding ElementName=MyMap, Path=Layers.[MyGraphicsLayer]}" >              
            </esri:FeatureDataGrid>

public partial class MainPage : UserControl
    {
        private string strUrl = null;
        private QueryTask queryTask;

        public MainPage()
        {
            InitializeComponent();
            MyMap.Layers.LayersInitialized += Layers_LayersInitialized;
        }

        void Layers_LayersInitialized(object sender, EventArgs args)
        {
            bool? flag = PPP_States.IsChecked;

            if (!flag.HasValue)
            {
                flag = false;
            }
            if ((bool)flag)
            {
                strUrl = "http://130.70.253.91/ArcGIS/rest/services/PPP/PP/MapServer/5";
                ExcuteQuery(strUrl);
            }
        }

        private void QueryTask_ExecuteCompleted(object sender, ESRI.ArcGIS.Client.Tasks.QueryEventArgs args)
        {
            FeatureSet featureSet = args.FeatureSet;

            GraphicsLayer graphicsLayer = MyMap.Layers["MyGraphicsLayer"] as GraphicsLayer;

            graphicsLayer.ClearGraphics();

            if (featureSet != null && featureSet.Features.Count > 0)
            {
                foreach (Graphic feature in featureSet.Features)
                {                    
                    if (feature.Geometry is ESRI.ArcGIS.Client.Geometry.Polygon)
                    {
                        feature.Symbol = LayoutRoot.Resources["DefaultFillSymbol"] as Symbol;
                    }
                    else
                    {
                        feature.Symbol = LayoutRoot.Resources["MyMarkerSymbol"] as Symbol;
                    }
                    
                    graphicsLayer.Graphics.Add(feature);
                }
            }
        }

        // Notify when query fails.
        private void QueryTask_Failed(object sender, TaskFailedEventArgs args)
        {
            MessageBox.Show("Query failed: " + args.Error);
        }


        private void ExcuteQuery(string Url)
        {
            ESRI.ArcGIS.Client.Tasks.Query query = new ESRI.ArcGIS.Client.Tasks.Query();
            query.Geometry = MyMap.Extent;
            query.ReturnGeometry = true;
            query.OutFields.Add("*");
            
            if (Url != null)
            {
                queryTask = new QueryTask(strUrl);
            }
            else
            {
                queryTask = new QueryTask("http://130.70.3.72/ArcGIS/rest/services/STATES/MapServer");
            }

            queryTask.ExecuteCompleted += QueryTask_ExecuteCompleted;
            queryTask.Failed += QueryTask_Failed;
            queryTask.ExecuteAsync(query);
        }



        private void FeatureLayer_MouseLeftButtonDown(object sender, GraphicMouseButtonEventArgs args)
        {
            args.Graphic.Selected = !args.Graphic.Selected;
            if (args.Graphic.Selected)
                MyDataGrid.ScrollIntoView(args.Graphic, null);
        }

        private void GraphicsLayer_MouseLeftButtonDown(object sender, GraphicMouseButtonEventArgs args)
        {
            args.Graphic.Selected = !args.Graphic.Selected;
            if (args.Graphic.Selected)
                MyDataGrid.ScrollIntoView(args.Graphic, null);
        }  
    }

Re: Interactive data table for GraphicsLayers

DominiqueBroux — Thu, 02 Feb 2012 14:21:56 GMT

I think I got your issue.

It's not tied to your feature datagrid. Your selection by mouse click is not working either.

I think it's related to your symbol that is not managing the 'Selected' state. So your feature is selected but there is no visual effect.

You can either create your own custom symbol or use the feature service symbol.

In your XAML, add this line: xmlns:symbols="clr-namespace:ESRI.ArcGIS.Client.FeatureService.Symbols;assembly=ESRI.ArcGIS.Client"

and define your fill symbol this way:

<symbols:SimpleFillSymbol x:Key="DefaultFillSymbol" SelectionColor="Cyan" />

That should do the trick.

Re: Interactive data table for GraphicsLayers

JianChen — Thu, 02 Feb 2012 15:17:41 GMT

I think I got your issue.

It's not tied to your feature datagrid. Your selection by mouse click is not working either.

I think it's related to your symbol that is not managing the 'Selected' state. So your feature is selected but there is no visual effect.

You can either create your own custom symbol or use the feature service symbol.

In your XAML, add this line: xmlns:symbols="clr-namespace:ESRI.ArcGIS.Client.FeatureService.Symbols;assembly=ESRI.ArcGIS.Client"

and define your fill symbol this way:

<symbols:SimpleFillSymbol x:Key="DefaultFillSymbol" SelectionColor="Cyan" />

That should do the trick.

Thanks so much Dominique! You got the trick! I think your code is much clear than that of in the Sample (http://help.arcgis.com/en/webapi/silverlight/samples/start.htm#FeatureDataGrid). I didn't pay much attention about the sample's description about symbol's selected state. Plus the associated XAML code about the symbol is not as straight forward as yours. Hope our experience here can help others as well.

Re: Interactive data table for GraphicsLayers

JianChen — Thu, 02 Feb 2012 15:22:59 GMT

Hi Dominique, can you help on another FeatureDataGrid question in this forum�?Thanks.

http://forums.arcgis.com/threads/48903-How-to-bind-selected-columns-to-a-FeatureDataGrid-from-a-GraphicsLayer