CODEWITHSUNDEEP
c#wpflistview
Dess
Dess

Reputation: 435

WPF how to detect listviewitem has been selected

I have DataTemplate for my ListView control, which contains few textblocks and a button. I want the button to be visible only when the item is selected. Here's my DataTemplate code:

<ListView.ItemTemplate>
                            <DataTemplate>
                                <Grid Background="AliceBlue">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="300" />
                                        <ColumnDefinition Width="*" />
                                        <ColumnDefinition Width="90" />
                                    </Grid.ColumnDefinitions>

                                    <TextBlock HorizontalAlignment="Left" Margin="10,0,10,0" 
                                           VerticalAlignment="Center" FontFamily="Verdana" FontSize="16" 
                                           FontWeight="Black" Grid.Column="0" Text="{Binding name}"/>

                                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Grid.Column="1">
                                        <TextBlock FontFamily="Verdana" FontSize="10" Grid.Column="1"
                                           VerticalAlignment="Center" HorizontalAlignment="Center"
                                           Text="Number of Chapters: " />
                                        <TextBlock FontFamily="Verdana" FontSize="12" Grid.Column="1"
                                           VerticalAlignment="Center" HorizontalAlignment="Center"
                                           Text="{Binding chaptersCount}" />
                                    </StackPanel>

                                    <Button HorizontalAlignment="Center" Height="50" Width="80" Content="Read" 
                                        Grid.Column="2" Visibility="Hidden" Click="Button_Click_3" Name="ReadButton"/>

                                </Grid>
                            </DataTemplate>
                        </ListView.ItemTemplate>

How can I do that?

Upvotes: 1

Views: 833

Answers (2)

Rohit Vats
Rohit Vats

Reputation: 81243

You can achieve this with DataTrigger in DataTemplate which will check for IsSelected property of Templated parent:

<ListView.ItemTemplate>
    <DataTemplate>
        .....

            <Button HorizontalAlignment="Center" Height="50"
                    Width="80" Content="Read" 
                    Grid.Column="2" Visibility="Hidden" Name="ReadButton"/>

        </Grid>
        <DataTemplate.Triggers>
            <DataTrigger Binding="{Binding IsSelected,
                         RelativeSource={RelativeSource Mode=TemplatedParent}}"
                         Value="True">
                <Setter TargetName="ReadButton" Property="Visibility"
                        Value="Visible"/>
            </DataTrigger>
        </DataTemplate.Triggers>
    </DataTemplate>
</ListView.ItemTemplate>

Upvotes: 3

Damascus
Damascus

Reputation: 6651

You need to slightly change your Button: A quick XAML way would be to add a Trigger on its Visibility to make it hidden when not selected (note: code written here, hopefully there's no typo):

<Button HorizontalAlignment="Center" Height="50" Width="80" Content="Read" 
                                        Grid.Column="2" Click="Button_Click_3" Name="ReadButton">
  <Button.Style>
    <Style TargetType="{x:Type Button}">
      <Style.Triggers>
        <DataTrigger Binding="{Binding Path=IsSelected, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListViewItem}}" Value="False">
          <Setter Property="Visibility" Value="Visible" />
        </DataTrigger>
      </Style.Triggers>
    </Style>
  </Button.Style>
</Button>

Upvotes: 0

Related Questions