Get specific UIElemet from grid in Windows Phone with visual tree helper

Question

I have grid view in windows phone xaml page and this grid contains many UI element like buttons, checkboxes and textboxes. I want to search some specific UIElement by name from that grid and want to get value of that UIElement and set some new values as well. How I can get that UIElement from that grid with Visual Tree helper in code behind.

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <Grid.RowDefinitions>
                <RowDefinition Height="120" />
                <RowDefinition Height="120" />
                <RowDefinition Height="120" />
                <RowDefinition Height="120" />
                <RowDefinition Height="120" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="240" />
                <ColumnDefinition Width="240" />
            </Grid.ColumnDefinitions>
            <Border BorderThickness="2" HorizontalAlignment="Left" Grid.Row="0" Grid.Column="0" Name="Border1">
                <Image Width="110" Height="110" Stretch="Fill" Name="Image1" Tap="Image1_Tap" />
            </Border>
            <Border BorderThickness="2" BorderBrush="Transparent" HorizontalAlignment="Left" Grid.Row="1" Grid.Column="0" Name="Border2">
                <Image Width="110" Height="110" Stretch="Fill" Name="Image2" Tap="Image2_Tap" />
            </Border>
            <Border BorderThickness="2" HorizontalAlignment="Left" Grid.Row="2" Grid.Column="0" Name="Border3">
                <Image Width="110" Height="110" Stretch="Fill" Name="Image3" Tap="Image3_Tap" />
            </Border>
            <Border BorderThickness="2" HorizontalAlignment="Left" Grid.Row="3" Grid.Column="0" Name="Border4">
                <Image Width="110" Height="110" Stretch="Fill" Name="Image4" Tap="Image4_Tap" />
            </Border>
            <Border BorderThickness="2" HorizontalAlignment="Left" Grid.Row="5" Grid.Column="0" Name="Border5">
                <Image Width="110" Height="110" Stretch="Fill" Name="Image5" Tap="Image5_Tap" />
            </Border>
            <Border BorderThickness="2" HorizontalAlignment="Right" Grid.Row="0" Grid.Column="1" Name="Border11">
                <Image Width="110" Height="110" Stretch="Fill" Name="Image11" Tap="Image11_Tap" />
            </Border>
            <Border BorderThickness="2" HorizontalAlignment="Right" Grid.Row="1" Grid.Column="1" Name="Border22">
                <Image Width="110" Height="110" Stretch="Fill" Name="Image22" Tap="Image22_Tap" />
            </Border>
            <Border BorderThickness="2" HorizontalAlignment="Right" Grid.Row="2" Grid.Column="1" Name="Border33">
                <Image Width="110" Height="110" Stretch="Fill" Name="Image33" Tap="Image33_Tap" />
            </Border>
            <Border BorderThickness="2" HorizontalAlignment="Right" Grid.Row="3" Grid.Column="1" Name="Border44">
                <Image Width="110" Height="110" Stretch="Fill" Name="Image44" Tap="Image44_Tap" />
            </Border>
            <Border BorderThickness="2" HorizontalAlignment="Right" Grid.Row="5" Grid.Column="1" Name="Border55">
                <Image Width="110" Height="110" Stretch="Fill" Name="Image55" Tap="Image55_Tap" />
            </Border>
        </Grid>

I want to match options. Lets Say Left Side Some Images Are Clicked And Its Border Changed And Once On Right SIde Clicked Which Option is Matched Either Left SIde Have Some Selection or Not

What do you want that for? you should be using `DataBinding` for whatever you're doing. — Federico Berasategui, May 13 '13 at 19:54
@HighCore: Actually I have to decide on runtime and need to take decision and change some control values. — Arslan Pervaiz, May 13 '13 at 19:56
That's EXACTLY what Im talking about. You must NOT manipulate UI elements in code in XAML-based technologies. Learn MVVM. — Federico Berasategui, May 13 '13 at 20:04
Actually I Want To Get Whole Element And Want To Manipulate UI Changes And Thanks For Your Suggestion. I Know MVVM, MVVM is not helping in my specific condtion. If You Know Then Tell Otherwise Please — Arslan Pervaiz, May 13 '13 at 20:14
What is your "specific condition"? Post some relevant XAML and a screenshot of what you need. — Federico Berasategui, May 13 '13 at 20:16
You should definitely delete all that and use an `ItemsControl` instead. — Federico Berasategui, May 13 '13 at 21:02
let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/29875/discussion-between-arslan-pervaiz-and-highcore) — Arslan Pervaiz, May 13 '13 at 21:10

score 1 · Answer 1 · answered Oct 25 '15 at 13:23

Can you tell me what exactly you want to get from the grid elements, because there are only Borders and Images inside. You can find elements via this generic coding. (ContentPanel is your grid name), You can get the Border and Image and other controls name and other properties as well on the following procedure.

 foreach (var child in ContentPanel.Children)
        {
            if (child is Border)
            {
                var borderName = (child as Border).Name;

                // if you wana get the image inside border, then do this.
                var getBorderChlid = (item as Border).Child;
                if (getBorderChlid is Image)
                {
                    var getImgName = (getBorderChlid as Image).Name;
                }

            }
        }

If this help you then well and good, otherwise explain your quest a bit more, then I will send you the exact code InshaAllah.

@ZiaUrRehman: If You Can Look into My Question It Was on 2013 When I Started WP7. I have done that at that time. Anyway Thanks Alot For Answer — Arslan Pervaiz, Oct 26 '15 at 10:11

Get specific UIElemet from grid in Windows Phone with visual tree helper

1 Answers1