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

Find and Formatting

JayKappy

I am trying to format a window after I run the FIND example from the API examples

http://help.arcgis.com/en/webapi/silverlight/samples/start.htm#Find

I have this working but I do not want a grid/scrollviewer to display my results...I want to display them in a more meaningful fashion...

ex
PID: field value
Address: field value

PID: field value
Address: field value

PID: field value
Address: field value

How can I do this...I am doign this but only for the Identify and that is only one record showing...
I cant figure out how to do this in respect to the FIND example and outside a grid...

Any thoughts....

Thanks

Find more posts tagged with

Accepted answers

All comments

JayKappy

GOT IT WOO HOOOOOO!!!!!

THANKS FOR ALL YOUR HELP....VERY VERY VERY APPRECIATED.....

    Private Sub imageList2_MouseEnter(ByVal sender As Object, ByVal e As MouseEventArgs)
        Dim Item As Graphic = TryCast(TryCast(sender, FrameworkElement).DataContext, Graphic)
        Dim g As Graphic = TryCast(Item, Graphic)
        g.[Select]()
    End Sub

JayKappy

THINK I GOT IT

I have the SelectionChanged Working

        For Each item As Graphic In e.RemovedItems
            Dim g As Graphic = TryCast(item, Graphic)
            g.UnSelect()
        Next
        For Each item As Graphic In e.AddedItems
            Dim g As Graphic = TryCast(item, Graphic)
            g.[Select]()
        Next

I have the MouseLeftButtonDown on the actual Graphic working


        If (e.Graphic.Selected) Then
            e.Graphic.UnSelect()
        Else
            e.Graphic.Select()
        End If

Just trying to get the MouseEnter and MouseLeave in the Listbox working....Little Puzzled at this one...
Confused because there is no selection being done in the listbox...its just a hover event...I thought the second example above would work....
I cant thank you enough fofr your help and guidance....very appreciated....

    Private Sub imageList2_MouseEnter(ByVal sender As Object, ByVal e As MouseEventArgs)

        For Each Item As Graphic In ???????
            Dim g As Graphic = TryCast(Item, Graphic)
            g.[Select]()
        Next

    End Sub

JayKappy

Thanks again....yea thats the part thats confusing me....the var in your example...is there somewhere that exaplains this statement more...the parameters item, graphic etc...

        For Each item As var In e.AddedItems
            Dim g As Graphic = TryCast(item, Graphic)
            g.[Select]()
        Next

For each Items As ? , in the listbox (items that were added, or are there)
Dim the graphic as the selected item in the listbox?
then select it, thus resulting in the markersymbol beign called which changes the symbolozation.
That about it or close?

As for my project I did this....

xaml

            <Grid x:Name="resultsPanel"  Width="200" 
  HorizontalAlignment="Left" VerticalAlignment="Top"
  Margin="10,40,0,10">
                <Border Padding="2" Style="{StaticResource darkBorder}">
                    <StackPanel Orientation="Vertical" >
                        <ListBox x:Name="imageList" Height="200"  ScrollViewer.VerticalScrollBarVisibility="Visible" 
    BorderThickness="0"
    Foreground="White" Background="Transparent"
    SelectionChanged="imageList2_SelectionChanged">
                            <ListBox.ItemTemplate>
                                <DataTemplate>                                
                                    <StackPanel Orientation="Horizontal" VerticalAlignment="Center" >
                                        <StackPanel Margin="1">
                                            <TextBlock Foreground="White" Text="{Binding Attributes[TYPE]}" />
                                        </StackPanel>
                                        <StackPanel Margin="5,0,0,0" Orientation="Vertical">
                                            <TextBlock Foreground="White" Text="{Binding Attributes[CITY_NAME], StringFormat='City Name: \{0\}'}" >
                                                  <TextBlock.Effect>
                                                      <DropShadowEffect/>
                                                  </TextBlock.Effect>
                                            </TextBlock>
                                        </StackPanel>                                                                                                               
                                    </StackPanel>
                                </DataTemplate>
                            </ListBox.ItemTemplate>
                        </ListBox>
                    </StackPanel>
                </Border>
            </Grid>

VB - I used a query

    Private Sub ExecuteList_Click(ByVal sender As Object, ByVal e As RoutedEventArgs)
        '' Query task initialization
        Dim queryTask As New QueryTask("http://gis.org/arcgis/rest/services/MG_Test_WGS84/MapServer/1")
        AddHandler queryTask.ExecuteCompleted, AddressOf QueryTask_ExecuteCompletedListBox
        AddHandler queryTask.Failed, AddressOf QueryTask_FailedSearch

        Dim query As New ESRI.ArcGIS.Client.Tasks.Query()
        query.OutFields.Add("*")
        query.ReturnGeometry = True
        query.Where = "1=1"
        query.OutSpatialReference = MyMap.SpatialReference
        queryTask.ExecuteAsync(query)
End Sub


    Private Sub QueryTask_ExecuteCompletedListBox(ByVal sender As Object, ByVal args As ESRI.ArcGIS.Client.Tasks.QueryEventArgs)

        ' Set the Target Graphics Layer
        Dim graphicsLayer As GraphicsLayer = TryCast(MyMap.Layers("MyGraphicsLayerListBox"), GraphicsLayer)
        ' Clear previous results
        graphicsLayer.ClearGraphics()

        ' Check for new results 
        Dim featureSet As FeatureSet = args.FeatureSet

        ' Set the Source of the ListBox to the features returned by the query
        imageList.ItemsSource = args.FeatureSet.Features

        If featureSet.Features.Count > 0 Then
            For Each resultFeature As Graphic In featureSet.Features
                resultFeature.Symbol = TryCast(LayoutRoot.Resources("StrobeMarkerSymbol"), ESRI.ArcGIS.Client.Symbols.Symbol)
                graphicsLayer.Graphics.Add(resultFeature)
            Next
        Else
            MessageBox.Show("No features found")
        End If
    End Sub

THIS IS MY MARKER SYMBOL FOR select and unselect, as well as my MouseOver (WHICH IS WORKING)

            <esri:MarkerSymbol x:Key="StrobeMarkerSymbol">
                <esri:MarkerSymbol.ControlTemplate>
                    <ControlTemplate>
                        <Canvas>
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="MouseOver">
                                            <Storyboard RepeatBehavior="ForEver">

                                            <DoubleAnimation BeginTime="0"
          Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)"
          From="1" To="10" Duration="00:00:01" />
                                             <DoubleAnimation BeginTime="0"
          Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)"
          From="1" To="10" Duration="00:00:01" />
                                            <DoubleAnimation BeginTime="0"
         Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(UIElement.Opacity)"
          From="1" To="0" Duration="00:00:01" />
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Normal" />
                                </VisualStateGroup>
                                
                                <VisualStateGroup x:Name="SelectionStates">
                                    <VisualState x:Name="Selected">
                                        <Storyboard RepeatBehavior="ForEver">

                                            <DoubleAnimation BeginTime="0"
Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)"
   From="1" To="10" Duration="00:00:01" />
                                     <DoubleAnimation BeginTime="0"
              Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)"
   From="1" To="10" Duration="00:00:01" />
                          <DoubleAnimation BeginTime="0"
  Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(UIElement.Opacity)"
   From="1" To="0" Duration="00:00:01" />
                          </Storyboard>
                    </VisualState>
                    <VisualState x:Name="Unselected" />
                                    
                    </VisualStateGroup>
                    </VisualStateManager.VisualStateGroups>

                            <Ellipse Height="10" Width="10" Canvas.Left="-5" Canvas.Top="-5" 
                 RenderTransformOrigin="0.5,0.5" x:Name="ellipse
                            IsHitTestVisible="False">
                                <Ellipse.RenderTransform>
                                    <ScaleTransform />
                                </Ellipse.RenderTransform>
                                <Ellipse.Fill>
                                    <RadialGradientBrush>
                                        <GradientStop Color="#00FF0000" />
                                        <GradientStop Color="#FFFF0000" Offset="0.25"/>
                                        <GradientStop Color="#00FF0000" Offset="0.5"/>
                                        <GradientStop Color="#FFFF0000" Offset="0.75"/>
                                        <GradientStop Color="#00FF0000" Offset="1"/>
                                    </RadialGradientBrush>
                                </Ellipse.Fill>
                            </Ellipse>

                            <Ellipse Height="10" Width="10" Canvas.Left="-5" Canvas.Top="-5" 
        Fill="#FFFF0000" x:Name="ellipse1"/>
                        </Canvas>
                    </ControlTemplate>
                </esri:MarkerSymbol.ControlTemplate>
            </esri:MarkerSymbol>

JenniferNery

In that SDK Sample, create a symbol template similar to "SelectRectangleMarkerSymbol". Notice how it defines SelectionStates, a ColorAnimation is done on Selected state.

If you go to the Live view, you can see that the outline of the rectangle changes from blue to blinking red when selected and back to blue when not selected. You need to create something similar to distinguish the selected graphic.

In the SDK Sample, GraphicsLayer_MouseLeftButtonDown is there to allow you to select the graphic on mouse left button down. You cannot use the same event handler for the ListBox MouseLeftButtonDown event because they will have different EventArgs.

Since you want to select the graphic based on the selection on the ListBox, you can use the ListBox SelectionChanged event. I don't know which solution you end up using so I cannot tell what type your ListBox contains. If it is a Graphic then you can type cast as such and call Select()/UnSelect().

Private Sub imageList_SelectionChanged(sender As Object, e As SelectionChangedEventArgs)
 For Each item As var In e.RemovedItems
  Dim g As Graphic = TryCast(item, Graphic)
  g.UnSelect()
 Next
 For Each item As var In e.AddedItems
  Dim g As Graphic = TryCast(item, Graphic)
  g.[Select]()
 Next
End Sub

JayKappy

HERE IS THE SelectionChanged example

What is "Photo" refering to? What parameter is that? This is also from the SpatialFlicker example posted previously...
But again I dont see how the Code that changes the graphic is being called....The "StrobeMarkerSymbol"

Private Sub imageList_SelectionChanged(sender As Object, e As SelectionChangedEventArgs)
 myMap.PanTo(TryCast(imageList.SelectedItem, Photo).Location)
End Sub

Guess I am confuse with the Photo reference...I like the pan to option as well as the Select and Unselect.
I have the Story boards set up...right now I have the MouseOver working in the map...by setting the graphic to the correct story board.

               resultFeature.Symbol = TryCast(LayoutRoot.Resources("StrobeMarkerSymbol"), ESRI.ArcGIS.Client.Symbols.Symbol)
                graphicsLayer.Graphics.Add(resultFeature)

In that same story board I have a SelectedStates set up...

SNIP
<VisualStateGroup x:Name="SelectionStates">
     <VisualState x:Name="Selected">
            <Storyboard RepeatBehavior="ForEver">
                        <DoubleAnimation BeginTime="0"                                                                                                Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)"
        From="1" To="10" Duration="00:00:01"/>
                        <DoubleAnimation BeginTime="0"
      Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)"
      From="1" To="10" Duration="00:00:01" />
                        <DoubleAnimation BeginTime="0"
                              Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(UIElement.Opacity)"
                               From="1" To="0" Duration="00:00:01" />
              </Storyboard>
SNIP

Just need to set the Pan to properly and the selected/unselected

Something like this???

Private Sub imageList_SelectionChanged(sender As Object, e As SelectionChangedEventArgs)
 myMap.PanTo(TryCast(imageList.SelectedItem, Photo).Location)

        If (e.Graphic.Selected) Then
            e.Graphic.UnSelect()
        Else
            e.Graphic.Select()
        End If
End Sub

THANKS AGAIN.......

JayKappy

Just a couple questions about the selecting....Because I think I am starting down teh same path where I am trying to do soemthing a million different ways...

This example given to me seems to have the action event on the Graphic Click....where it will perform some act when the user selects the Graphic????
http://help.arcgis.com/en/webapi/silverlight/samples/start.htm#CustomSymbols

                    <esri:GraphicsLayer ID="MyGraphicsLayerListBox" MouseLeftButtonDown="GraphicsLayer_MouseLeftButtonDown">                        <esri:GraphicsLayer.Graphics>
                            <esri:Graphic Symbol="{StaticResource StrobeMarkerSymbol}">
                                <esri:MapPoint X="-50" Y="-10" />
                            </esri:Graphic>
                        </esri:GraphicsLayer.Graphics>
                    </esri:GraphicsLayer>

        Private Sub GraphicsLayer_MouseLeftButtonDown(ByVal sender As System.Object, ByVal e As ESRI.ArcGIS.Client.GraphicMouseButtonEventArgs)
            If (e.Graphic.Selected) Then
                e.Graphic.UnSelect()
            Else
                e.Graphic.Select()
            End If
        End Sub

Where as I am trying to call the StrobeMarkerrSymbol reference from the SelectionChanged Event

<ListBox x:Name="imageList" Height="200" ScrollViewer.VerticalScrollBarVisibility="Visible                  
BorderThickness="0"
Foreground="White" Background="Transparent"
SelectionChanged="imageList2_SelectionChanged">
SNIP....

I cant see from the ealier example of the Flicker images that this was being done OnEnter of a TextBlock....Exaclty what I am trying to do...
I am confused with the mention of FrameworkElement adn DataContext....do I need to point this to my Listbox?

I guess I am confused...If I call the event to SELECT or UNSELECT from the SelectionChange event of the listbox how to I bind it to the specific Graphics Layer, AND how specifiy the StrobeMarkerSymbol Animation?

Private Sub TextBlock_MouseEnter(sender As Object, e As MouseEventArgs)
 Dim p As Photo = TryCast(TryCast(sender, FrameworkElement).DataContext, Photo) 
             Dim g As Graphic = getGraphic(p)
 If g IsNot Nothing Then
  g.[Select]()
  'Activate the selection state
   'Pop the graphic on top of other graphics
  g.SetZIndex(1)
 End If
End Sub

Private Sub TextBlock_MouseLeave(sender As Object, e As MouseEventArgs)
 Dim p As Photo = TryCast(TryCast(sender, FrameworkElement).DataContext, Photo)
 Dim g As Graphic = getGraphic(p)
 If g IsNot Nothing Then
  g.UnSelect()
  'Deactivate selection state
   'reset the graphic Z index
  g.SetZIndex(0)
 End If
End Sub

JayKappy

AWESOME!!!!!

Thats what I was looking for....I was getting really confused on the 2-3 different approaches I was taking....then getting caught up in the binding statements...

How you explained it makes perfect sense...I look foward to passing on what I have learned....

ANYONE reading this have any questions please feel free to ask
jaykappy@yahoo.com

Thank you very much.....NOW on to Selecting and Unselecting to make them highlight on hover or MouseEnter in the listbox....
Think I have to Dim the Graphic adn then simply say Graphic.Select or something....will look into that...

THANKS AGAIN...ALL YOUR HELP IS VERY VERY APPRECIATED....

JenniferNery

Oh I'm sorry I got it confused with the FindTask solution.

Remove "Feature." in the Binding statements.
Text="{Binding Attributes[CITY_NAME], StringFormat='City Name: \{0\}'}"

Also, in your code-behind you don't need these lines anymore, if you are setting ItemsSource in the ExecuteCompleted.

        '' '' BINDING TO LIST BOX
        Dim resultFeaturesBinding As New Binding("LastResult")
        resultFeaturesBinding.Source = queryTask
        imageList.SetBinding(ListBox.ItemsSourceProperty, resultFeaturesBinding)

To clarify:
In the three solutions posted in this thread, no one solution is more correct than the other. They all work fine. You just need to tweak the Binding statements depending on the content of your ListBox.

Solution 1: Bind ItemsSourceProperty as in the FindTask example

        Dim resultFeaturesBinding As New Binding("LastResult")
        resultFeaturesBinding.Source = queryTask
        imageList.SetBinding(ListBox.ItemsSourceProperty, resultFeaturesBinding)

Correct Binding statement is - Text="{Binding Feature.Attributes[CITY_NAME], StringFormat='City Name: \{0\}'}"

Solution 2: Set ItemsSource in the Query ExecuteCompleted event handler.

       imageList.ItemsSource = args.FeatureSet.Features

Correct Binding statement is - Text="{Binding Attributes[CITY_NAME], StringFormat='City Name: \{0\}'}"

Solution 3: Add Items as string in the Query ExecuteCompleted event handler

        imageList.Items.Add(resultFeature.Attributes("CITY_NAME").ToString())

Correct Binding statement is - Text="{Binding StringFormat='City Name: \{0\}'}"

JayKappy

This is what I did per your comments....nothing is showing up in the listbox Although the graphics are still showing up....

XAML

                                            
<StackPanel Margin="1">
        <TextBlock Text="{Binding Feature.Attributes[TYPE], StringFormat='City Name: \{0\}'}" />
</StackPanel>
<StackPanel Margin="5,0,0,0" Orientation="Vertical">
         <TextBlock Foreground="White" Text="{Binding Feature.Attributes[CITY_NAME], StringFormat='City Name: \{0\}'}" >
                 <TextBlock.Effect>
                         <DropShadowEffect/>
                 </TextBlock.Effect>
          </TextBlock>
          <TextBlock  Foreground="White" Text="{Binding Feature.Attributes[POP1990], StringFormat='Population: \{0\}'}"  >
                  <TextBlock.Effect>
                         <DropShadowEffect/>
                   </TextBlock.Effect>
           </TextBlock>
</StackPanel>

    Private Sub ExecuteList_Click(ByVal sender As Object, ByVal e As RoutedEventArgs)

        '' Query task initialization
        Dim queryTask As New QueryTask("http://gis.logis.org/arcgis/rest/services/MG_Test_WGS84/MapServer/1")
        AddHandler queryTask.ExecuteCompleted, AddressOf QueryTask_ExecuteCompletedListBox
        AddHandler queryTask.Failed, AddressOf QueryTask_FailedSearch

        '' '' BINDING TO LIST BOX
        Dim resultFeaturesBinding As New Binding("LastResult")
        resultFeaturesBinding.Source = queryTask
        imageList.SetBinding(ListBox.ItemsSourceProperty, resultFeaturesBinding)

        Dim query As New ESRI.ArcGIS.Client.Tasks.Query()
        query.OutFields.Add("*")
        query.ReturnGeometry = True
        ' Return all features
        query.Where = "1=1"
        query.OutSpatialReference = MyMap.SpatialReference
        queryTask.ExecuteAsync(query)
    End Sub

    Private Sub QueryTask_ExecuteCompletedListBox(ByVal sender As Object, ByVal args As ESRI.ArcGIS.Client.Tasks.QueryEventArgs)
        ' Clear previous results
        Dim graphicsLayer As GraphicsLayer = TryCast(MyMap.Layers("MyGraphicsLayerListBox"), GraphicsLayer)
        graphicsLayer.ClearGraphics()

        ' Check for new results 
        Dim featureSet As FeatureSet = args.FeatureSet

        ' Add Items to listbox
        imageList.ItemsSource = args.FeatureSet.Features

        Dim Test As String = featureSet.Features.Count
        MessageBox.Show(Test)

        If featureSet.Features.Count > 0 Then
            ' Add results to map
            For Each resultFeature As Graphic In featureSet.Features
                resultFeature.Symbol = TryCast(LayoutRoot.Resources("DefaultMarkerSymbol"), ESRI.ArcGIS.Client.Symbols.Symbol)
                graphicsLayer.Graphics.Add(resultFeature)
            Next
        Else
            MessageBox.Show("No features found")
        End If
    End Sub

JenniferNery

What I would do, instead of adding individual attribute value to the ListBox is set the ListBox ItemsSource to the features returned in Query ExecuteCompleted event handler.

imageList.ItemsSource= args.FeatureSet.Features

In doing this, you know that the elements of your ListBox is a collection of features with Attributes. This will allow you to use the previous Binding statements you had where you access the Attribute by their key.

Your ListBox.ItemTemplate DataTemplate could then include the following:

<TextBlock Text="{Binding Feature.Attributes[CITYNAME], StringFormat=CityName: \{0\}'}"  />
<TextBlock Text="{Binding Feature.Attributes[POPULATION], StringFormat=Population: \{0\}'}"  />

The idea is know the type of the elements contained in your ListBox so that you can write the correct Binding statement to access these values. Since you were adding them as strings before, there was no need for "Feature.Attributes[FIELDNAME]" but if you will be adding the resulting features, this - "Feature.Attributes[FIELDNAME]" - is needed.

JayKappy

Ok that makes sense.....but here is another wrench in the wheel...as I stated earlier I am looking to get multiple attributes return to the listbox for each record...

CityName Field Value
Population Field Value
-------------------------------
CityName Field Value
Population Field Value
-------------------------------
etc

By doign this in the VB

imageList.Items.Add(resultFeature.Attributes("TYPE").ToString())

and this in the xaml

<TextBlock Text="{Binding StringFormat='Type: \{0\}'}" />

I was able to return results...
BUT what happens if I want to do this in the listbox/

<StackPanel Orientation="Horizontal" VerticalAlignment="Center" >
   <StackPanel Margin="1">
       <TextBlock Foreground="White" Text="{Binding StringFormat='City Name: \{0\}'}" />
   </StackPanel>
   <StackPanel Margin="5,0,0,0" Orientation="Vertical">
       <TextBlock Foreground="White" Text="{Binding StringFormat='City Name: \{0\}'}" />
       <TextBlock Foreground="White" Text="{Binding StringFormat='Population: \{0\}'}"  />
   </StackPanel>
</StackPanel>

I tried this and I only got the TYPE in all three TextBlocks in the listbox....I dont see any connection to specifiy which value goes where...
Is there a way to tag?

                ' POPULATE THE LISTBOX
                imageList.Items.Add(resultFeature.Attributes("TYPE").ToString())
                imageList.Items.Add(resultFeature.Attributes("CITY_NAME").ToString())

JayKappy

My bad on the Graphic not showing up....I was using a FILL symbl for a Point...I changed it to Marker Symbopl and wa-la it showed up...in the QUERY.....I do not get a graphic in the FIND example

Again I can get the Listbox to populate with the FIND but my last entry was with the Query. I would really like to get them both working for my own knowledge....
I just cant see to get the Listbox to populate with the QUERY....I had 3 lines of binding code you gave in there and nothing....I then removed it as my other Query example set a combobox on the QueryTask_ExecuteCompleted sub.

Please reference my last entry in hopes that I can figure out why my listbox is not populating...

THANKS

Working on your last post jennifer....thanks

JenniferNery

Looking at your code, you were adding each PID as string to your ListBox in the Query ExecuteCompleted event handler. This means that you will also need to update the XAML-code.

The following snippets from your code-behind and XAML-code do not match:

 imageList.Items.Add(resultFeature.Attributes("PID").ToString())

<TextBlock Foreground="White" Text="{Binding Feature.Attributes[ADDRESS], StringFormat='Address: \{0\}'}"  />

The Binding statement here becomes incorrect since the ListBox no longer contains a property Feature with a dictionary of Attributes that has index "ADDRESS" anymore.

To fix this, you can alter your code by adding resultFeature directly to your ListBox or changing the Binding statement in XAML to just Text="{Binding StringFormat='Address: \{0\}'}".

JayKappy

I added that code to the "ExecuteList_Click" and nothing happens....That is while I was using a QueryTask....I could not get it to populate the listbox with this angle, Using the "ExecuteList_Click" and "QueryTask_ExecuteCompletedListBox" sub routines...

I removed the QueryTask and replaced it with FindTask (thus removing the "QueryTask_ExecuteCompletedListBox" and now the Listbox Populates...was I doign soemthign wrong with the QueryTask?

But without the "QueryTask_ExecuteCompletedListBox" then the graphics are not drawn on the map...
The reason I removed the Binding code as you refered to was that it was in the FIND not the QUERY....I think the listbox gets populated in the "QueryTask_ExecuteCompletedListBox"....Although I did try and put the BINDING code in the "ExecuteList_Click", but nothing happened

Why would it populate with the FindTask and not the QueryTask.
THANK you all for your patience and help....learning everyday here...

What do I have wrong here....NO graphics and No Listbox population

The message box in the "QueryTask_ExecuteCompletedListBox" does return 22, the correct number of records in the layer....so I know the query is sort of working....

    Private Sub ExecuteList_Click(ByVal sender As Object, ByVal e As RoutedEventArgs)

        ' Query task initialization
        Dim queryTask As New QueryTask("http://gis.logis.org/arcgis/rest/services/MG_Test_WGS84/MapServer/1")
        AddHandler queryTask.ExecuteCompleted, AddressOf QueryTask_ExecuteCompletedListBox
        AddHandler queryTask.Failed, AddressOf QueryTask_FailedSearch

        Dim query As New ESRI.ArcGIS.Client.Tasks.Query()
        query.OutFields.Add("*")
        query.ReturnGeometry = True
        ' Return all features
        query.Where = "1=1"
        query.OutSpatialReference = MyMap.SpatialReference
        queryTask.ExecuteAsync(query)
    End Sub

    Private Sub QueryTask_ExecuteCompletedListBox(ByVal sender As Object, ByVal args As ESRI.ArcGIS.Client.Tasks.QueryEventArgs)
        ' Clear previous results
        Dim graphicsLayer As GraphicsLayer = TryCast(MyMap.Layers("MyGraphicsLayerListBox"), GraphicsLayer)
        graphicsLayer.ClearGraphics()

        ' Check for new results 
        Dim featureSet As FeatureSet = args.FeatureSet

        ' Populate image listbox
        imageList.DataContext = featureSet.Features

        ' get feature count
        Dim Test As String = featureSet.Features.Count
        MessageBox.Show(Test)

        If featureSet.Features.Count > 0 Then
            ' Add results to map
            For Each resultFeature As Graphic In featureSet.Features
                resultFeature.Symbol = TryCast(LayoutRoot.Resources("ResultsFillSymbol"), ESRI.ArcGIS.Client.Symbols.Symbol)
                graphicsLayer.Graphics.Add(resultFeature)
            Next
        Else
            MessageBox.Show("No features found")
        End If
    End Sub

JenniferNery

You would populate the ListBox items, the same way you would ItemsControl and DataGrid.

            // Bind data grid to find results.  Bind to the LastResult property which returns a list
            // of FindResult instances.  When LastResult is updated, the ItemsSource property on the 
            // will update.  
            Binding resultFeaturesBinding = new Binding("LastResult");
            resultFeaturesBinding.Source = findTask;
            imageList.SetBinding(ListBox.ItemsSourceProperty, resultFeaturesBinding);

Notice that the code above is the same code in post #2 for ItemsControl and in the SDK sample http://help.arcgis.com/en/webapi/silverlight/samples/start.htm#Find for DataGrid, with the exception on the text in red, where imageList is the name of your control and ListBox is the type of your control.

To select the feature based on the ListBox selection, the symbol that you use for the feature can define SelectionStates as Morten pointed you to this sample http://help.arcgis.com/en/webapi/silverlight/samples/start.htm#CustomSymbols, look at SelectRectangleMarkerSymbol where the outline of the rectangle changes from blue to red. In code-behind all that needed to happen is to call Select() or UnSelect() on the graphic.

So in the ListBox's SelectionChanged event - you know that the SelectedItem is a graphic and can therefore call Select() or UnSelect() on it.

JayKappy

Alright I think I am getting close but would be thankful if anyone had a little comment or two on how to get the ListBox populated.

This is what I am doing...I have a textbox on the app....the user types in a value and clicks a button....a query is done and the in this case the feature is highlighted...

I just cant figure out how to populated the ListBox...I tried with this:
imageList.Items.Add(resultFeature.Attributes("PID").ToString())

IF I ADD THIS: Then I get stuck in a loop with all the PID values being returned one at a time...so I am getting some data back...but if I am getting the data back why is it not showing up in the LISTBOX???

Dim Test2 As String = resultFeature.Attributes("PID").ToString()
MessageBox.Show(Test2)

        If featureSet.Features.Count > 0 Then
            ' Add results to map
            For Each resultFeature As Graphic In featureSet.Features
                resultFeature.Symbol = ResultsFillSymbol
                graphicsLayer.Graphics.Add(resultFeature)

                imageList.Items.Add(resultFeature.Attributes("PID").ToString())

                Dim Test2 As String = resultFeature.Attributes("PID").ToString()
                MessageBox.Show(Test2)

            Next
        Else

XAML:

            <Grid x:Name="resultsPanel"  Width="200" 
     HorizontalAlignment="Left" VerticalAlignment="Top"
     Margin="10,40,0,10">
                <Border Padding="2" Style="{StaticResource darkBorder}">
                    <StackPanel Orientation="Vertical" >
                        <TextBlock x:Name="Status" Text="" Margin="3,0,0,0" Foreground="White" FontWeight="Bold" />
                        <Grid Background="Transparent" >
                            <Button HorizontalAlignment="Left" Style="{StaticResource darkButtonStyle}"
        x:Name="previousButton" Content="&lt;&lt;" Margin="3,0,3,0" IsEnabled="False"  />
                            <Button HorizontalAlignment="Right" Style="{StaticResource darkButtonStyle}"
        x:Name="nextButton" Content="&gt;&gt;" Margin="3,0,3,0" IsEnabled="False"  />
                        </Grid>
                        <ListBox x:Name="imageList" Height="200"  ScrollViewer.VerticalScrollBarVisibility="Visible" 
        BorderThickness="0"
        Foreground="White" Background="Transparent"
        SelectionChanged="imageList2_SelectionChanged">
                            <ListBox.ItemTemplate>
                                <DataTemplate>
                                    <!-- <TextBlock Text="{Binding Path=Title}"  />  -->
                                    <!-- <TextBlock Text="{Binding Path=Title}" MouseEnter="TextBlock_MouseEnter" MouseLeave="TextBlock_MouseLeave" /> -->
                                     <TextBlock Foreground="White" Text="{Binding Feature.Attributes[ADDRESS], StringFormat='Address: \{0\}'}"  /> 
                                </DataTemplate>
                            </ListBox.ItemTemplate>
                        </ListBox>
                    </StackPanel>
                </Border>
            </Grid>

VB:

    Private Sub ExecuteList_Click(ByVal sender As Object, ByVal e As RoutedEventArgs)
        ' Query task initialization
        Dim queryTask As New QueryTask("http://gis.org/arcgis/rest/services/MG_Test_WGS84/MapServer/8")
        AddHandler queryTask.ExecuteCompleted, AddressOf QueryTask_ExecuteCompletedListBox
        AddHandler queryTask.Failed, AddressOf QueryTask_FailedSearch

        ' Query task parameters. Return geometry, state, and population density.
        Dim query As New ESRI.ArcGIS.Client.Tasks.Query()
        query.OutFields.Add("*")
        query.Text = FindText.Text
        query.ReturnGeometry = True
        query.OutSpatialReference = MyMap.SpatialReference
        queryTask.ExecuteAsync(query)

    End Sub

    Private Sub QueryTask_ExecuteCompletedListBox(ByVal sender As Object, ByVal args As ESRI.ArcGIS.Client.Tasks.QueryEventArgs)
        ' Clear previous results
        Dim graphicsLayer As GraphicsLayer = TryCast(MyMap.Layers("MyGraphicsLayerSearch2"), GraphicsLayer)
        graphicsLayer.ClearGraphics()

        ' Check for new results 
        Dim featureSet As FeatureSet = args.FeatureSet
        If featureSet.Features.Count > 0 Then
            ' Add results to map
            For Each resultFeature As Graphic In featureSet.Features
                resultFeature.Symbol = ResultsFillSymbol
                graphicsLayer.Graphics.Add(resultFeature)

                imageList.Items.Add(resultFeature.Attributes("PID").ToString())
            Next
        Else
            MessageBox.Show("No features found")
        End If

    End Sub

JayKappy

......................................................

JayKappy

yea this is what I am after...It loads all the features as a graphic, populates the listbox and allows the user to hover over a result in the listbox and highlight the featuer in the map...

I am gettign really confused with all the extra CS pages and the jumping around...
I tried to Bind the SourceProperty like I did with the Items control with no success....

I am having a hard time trying to figure out how to take all the Features from a Layer and place them in the listbox. AND I KNOW that its right in front of my eyes...BEING Green is never easy...I have a button that does a query on Parcels Layer and returns the results into a results window....While this is taking place I want to populate all the features from another layer into a different listbox/ItemControl etc. Say police stations.

I see in that example you gave me they are doing this...with a bunch of extra seperate CS pages???? I am not sure what they are doing...something with flicker and filtering out the results....
I know there has to be a simpler way to simply populate a listbox with all the records from a Layer, and format them into soemthing like this

PID: Field Value
Address: Field Value

PID: Field Value
Address: Field Value

PID: Field Value
Address: Field Value

imageList.ItemsSource = result.Photos.Photo;

JayKappy

So are you saying that I should have used a List instead of a ItemControl?

I am really confused here...I do appreciate the help....

SomeGISGuy

The best way to highlight features on the map is to define a selection state in the symbol template, and simply "select" the feature when you hover on it in the list. ie. myGraphic.Selected = true;
This sample has an example of such a custom symbol:
http://help.arcgis.com/en/webapi/silverlight/samples/start.htm#CustomSymbols
Click the blue square in the pacific to flip its selection state on and off. You can define any type of storyboard on the symbol template that should play back when the feature gets selected (the other marker symbols in the sample uses the MouseOver state to trigger similar animations, but they could just as well have been selection states).

Here's a sample app that uses an approach very similar to what you are asking for:
http://serverapps.esri.com/silverlightdemos/spatialflickr.web/
Hit the 'flickr' button in the top left. When the result returns, hover on any feature in the list, and you will see it highlight on the map. This is all done using the selection state.

JayKappy

I am trying something like this for the MouseEnter

Having issues with the stuff in red below.....Am I on the right path here?

1. Value of type 'System.Windows.DependancyProperty cannot be converted to integer
trying to find soem kind of index from the ItemsControl
2. Selected Item not a member of System.Windows.Control.ItemsControl

I can see how you could grab the selected index of the dataGrid, but cant seem to find what to grab for the ItemsControl?????
I think the rest of the code will work....

really appreciate all your patience and help...very appreciated...

    Private Sub EnterItemsControl(ByVal sender As Object, ByVal e As MouseEventArgs)

        ' Highlight the graphic feature associated with the selected row
        Dim ItemControlGrid As ItemsControl = TryCast(sender, ItemsControl)

        Dim selectedIndex As Integer = ItemsControl.TabIndexProperty       
            If selectedIndex > -1 Then

            Dim findResult As FindResult = CType(MyItemsControls.SelectedItem, FindResult)            
             Dim graphic As Graphic = findResult.Feature

            Select Case graphic.Attributes("Shape").ToString()
                Case "Polygon"
                    graphic.Symbol = TryCast(LayoutRoot.Resources("DefaultFillSymbol"), Symbol)
                Case "Polyline"
                    graphic.Symbol = TryCast(LayoutRoot.Resources("DefaultLineSymbol"), Symbol)
                Case "Point"
                    graphic.Symbol = TryCast(LayoutRoot.Resources("DefaultMarkerSymbol"), Symbol)
            End Select

            Dim graphicsLayer As GraphicsLayer = TryCast(MyMap.Layers("MyGraphicsLayerParcelHighlight"), GraphicsLayer)
            graphicsLayer.ClearGraphics()
            graphicsLayer.Graphics.Add(graphic)

        End If

    End Sub

JayKappy

That sort of makes sense to me....this is where I am right now....I was pointed inthe direction of an "ItemsControl" to format the results of the query...

Not sure which method would be suitable for me....

If I use teh MouseEnter on the ItemsControl as seen below in Red. I dont thin that is differs which record is selected? Does it? I set it up to simply unhide a window and it worked....when I went over teh records it open the window....

but now triyng to figure out if it will actually determine which record I am over? And then highlight that record...

                            <Grid Grid.Column="6" >
                                    <StackPanel Orientation="Vertical" Margin="5" HorizontalAlignment="left" VerticalAlignment="top" >
                                        <Grid x:Name="IdentifyGrid7" HorizontalAlignment="left" VerticalAlignment="Top" Margin="0,2,0,0" MouseEnter="TurnOnIncidents">
                                            <Rectangle Fill="#CC5C90B2" Stroke="Gray"  RadiusX="10" RadiusY="10" Margin="0,0,0,0" >
                                                <Rectangle.Effect>
                                                    <DropShadowEffect/>
                                                </Rectangle.Effect>
                                            </Rectangle>
                                            <TextBlock x:Name="DataDisplayTitleTop7" HorizontalAlignment="Center" Text="Items Control Search PID" Foreground="White" FontSize="10" 
                                                    Margin="0,10,0,0" />
                                            <StackPanel Margin="10,27,0,0"  Orientation="Vertical" VerticalAlignment="Top" >
                                                <StackPanel Orientation="Horizontal">
                                                    <TextBlock x:Name="DataDisplayTitleTop8" HorizontalAlignment="Left" Text="Phone:      " Foreground="White" FontSize="10" 
                                                            Margin="0,0,0,0" />
                                                    <TextBlock x:Name="DataDisplayTitleTop9" HorizontalAlignment="Left" Text="763.555.5555" Foreground="White" 
                                                            Margin="0,0,0,0" >
                                                          <TextBlock.Effect>
                                                               <DropShadowEffect/>
                                                          </TextBlock.Effect>
                                                    </TextBlock>                                                        
                                                </StackPanel>
                                            </StackPanel>     
                                            <StackPanel x:Name="IdentifyResultsPanel7" Height="125" Width="250" Orientation="Vertical" Margin="0,85,0,0" HorizontalAlignment="Center"> 
                                                <ScrollViewer VerticalScrollBarVisibility="Auto"  Width="225" MaxHeight="200"  >
                                                                <ItemsControl x:Name="MyItemsControls" MouseEnter="EnterItemsControl" >
                                                                <ItemsControl.ItemTemplate>
                                                                    <DataTemplate>
                                                                        <StackPanel Orientation="Horizontal" VerticalAlignment="Center" >
                                                                            <StackPanel Margin="1">
                                                                                <TextBlock Text="{Binding Feature.Attributes[HOUSE_NUMB]}" Foreground="White" FontSize="10" />
                                                                            </StackPanel>
                                                                            <StackPanel Margin="5,0,0,0" Orientation="Vertical">
                                                                                <TextBlock Foreground="White" Text="{Binding Feature.Attributes[PID], StringFormat='PID: \{0\}'}" >
                                                                                    <TextBlock.Effect>
                                                                                        <DropShadowEffect/>
                                                                                    </TextBlock.Effect>
                                                                                </TextBlock>
                                                                                <TextBlock Foreground="White" Text="{Binding Feature.Attributes[ADDRESS], StringFormat='Address: \{0\}'}"  >
                                                                                    <TextBlock.Effect>
                                                                                        <DropShadowEffect/>
                                                                                    </TextBlock.Effect>
                                                                                </TextBlock>
                                                                            </StackPanel>
                                                                        </StackPanel>
                                                                    </DataTemplate>
                                                                </ItemsControl.ItemTemplate>
                                                                </ItemsControl>                                                
                                                    </ScrollViewer>
                                            </StackPanel> 
                                        </Grid>
                                    </StackPanel>

                             </Grid>

    Private Sub EnterItemsControl(ByVal sender As Object, ByVal e As MouseEventArgs)
        ShowTimePanel.Begin()
    End Sub

DominiqueBroux

The sample you pointed out is using a standard DataGrid not a FeatureDataGrid : On 'SelectionChanged' event, a graphic is created and is highlighted on the map.
You can reuse the same idea with the event MouseEnter of an ItemsControl or with the event SelectionChanged of a ListBox control.

JayKappy

Thanks a ton man...worked great....Although I have some cleaning up to do to make a nicer looking results window....

One last question...I hope that you can stear me in the right direction...I would like to expand that one more level...
When the user hovers over that result in the window I want the feature in the map to highlight and visa versa.....hover over the feature in the map and the record in the window highlight...the later not that important

Can this be done with an ItemsControl?

In a datagrid you can do this I think

        <Grid Grid.Row="4">
            <esri:FeatureDataGrid x:Name="MyDataGrid" 
            Map="{Binding ElementName=MyMap}"
 GraphicsLayer="{Binding ElementName=MyMap, Path=Layers.[California]}" />
        </Grid>

Wondering If I can format the text adn results like in the Items Control to accomplish this instead of the Grid Format????

Thanks

DominiqueBroux

Instead of using a DataGrid you can use any ItemsControl.

Example with a basic ItemsControl:

<ItemsControl x:Name="MyItemsControls"> <ItemsControl.ItemTemplate> <DataTemplate> <StackPanel Margin="0,0,0,10"> <TextBlock Text="{Binding Feature.Attributes[PID], StringFormat='PID: \{0\}'}" /> <TextBlock Text="{Binding Feature.Attributes[ADDRESS], StringFormat='Address: \{0\}'}" /> </StackPanel> </DataTemplate> </ItemsControl.ItemTemplate> </ItemsControl> And you need to bind by code the ItemsSource property of your ItemsControl:

 
// Bind data grid to find results. Bind to the LastResult property which returns a list
// of FindResult instances. When LastResult is updated, the ItemsSource property on the 
// will update. 
Binding resultFeaturesBinding = new Binding("LastResult");
resultFeaturesBinding.Source = findTask;
MyItemsControls.SetBinding(ItemsControl.ItemsSourceProperty, resultFeaturesBinding);

Hope this help.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.