Question

while programming for windows phone 7, I created a listbox and using DataTemplate which contains a textblock and a textbox. The textbox is hided by default.

The XAML:

<ListBox>
        <ListBox.ItemTemplate>
            <DataTemplate>
                <Canvas Width="460" Height="60" Background="{StaticResource PhoneAccentBrush}">
                    <TextBlock Text="{Binding data}" FontSize="30" Margin="10,10,10,0"/>
                    <TextBox Height="60" Width="460" Visibility="Collapsed"/>
                </Canvas>
            </DataTemplate>
        </ListBox.ItemTemplate>
</ListBox>

The effect I wanna accomplish is : Tap textblock to hide textblock while show textbox.

CODE BEHIND:

private void TextBlock_Tap(object sender, GestureEventArgs e)
    {
        TextBlock.Visibilty = Visibility.Collapsed;
        TextBox.Visibilty = Visibility.Visible;
    }

However, obviously the selector isn’t correct. I tried to add Name for textbox and textblock, but Name seems does not work in Data Template. Is there anyone who can tell me how can i select the textblock and textbox in a Data Template please? Many Thanks!!!

Answer 1

Setting the Name on the template does work, but you can’t access it directly!

Instead, try it like this:

<ListBox x:Name="MyListBox">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Canvas Width="460" Height="60" Background="{StaticResource PhoneAccentBrush}">
                <TextBlock x:Name="MyTextBlock" Text="{Binding data}" FontSize="30" Margin="10,10,10,0" Tap="MyTextBlock_Tap" />
                <TextBox x:Name="MyTextBox" Height="60" Width="460" Visibility="Collapsed"/>
            </Canvas>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

And the code:

private void MyTextBlock_Tap(object sender, GestureEventArgs e)
{
    var elem = (FrameworkElement)sender;

    var myTextBlock = (TextBlock)elem.FindName("MyTextBlock");
    var myTextBox = (TextBox)elem.FindName("MyTextBox");

    myTextBlock.Visibility = Visibility.Collapsed;
    myTextBox.Visibility = Visibility.Visible;
}