在列表视图中设置对数据模板部分的可见性

Question

我有一个 WPF/MVVM 应用程序。 When a item is selected in my listview I have a section of the datatemplate I want to be visible, then when a different item is selected it will be collapsed, and the new item will be visible.我将在下面模拟一些代码来帮助展示我正在尝试做的事情。

我的问题是如何仅对停留在 mvvm 范围内的所选项目执行此操作。我知道我可以绑定到我的视图模型中的属性，但是如果每个项目都具有相同的绑定，它们都会打开，我需要它只用于所选项目，我不确定最好的处理方式这在 MVVM 中，寻找建议。我的列表视图中的项目源是一个 class 的 ObservableCollection，它存储了我在选择项目时需要的一些默认数据。

            <ListView Name="lvMain"
    ItemsSource="{Binding MyItemSource, Mode=TwoWay}"
    SelectedItem="{Binding SelectedItem, Mode=TwoWay}">
    <ListView.ItemTemplate>
        <DataTemplate>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>
                <Grid Grid.Row="0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>
                    <TextBlock Grid.Column="0" Text="{Binding MyPath, Mode=TwoWay}" />
                    <!-- removing the rest to keep this short -->
                </Grid>
                <!-- This section below is collapsed by default, when selected I'd like to set the visibility, my question is how to only set the visibility in the grid below when the item is selected -->
                <Grid Grid.Row="1" Visibility="{Binding ??}">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <!-- removing the rest to keep this short -->
                </Grid>
            </Grid>
            </Grid>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

Answer 1

首先你需要一些布尔值到可见性的转换器，但如果你没有，你可以使用内置的转换器，然后你需要使用 RelativeSource 绑定来提升可视化树，找到 ListViewItem 并通过该转换器

绑定到其 IsSelected 属性

<ListView Name="lvMain" ...>
    <ListView.Resources>
        <BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/>
    </ListView.Resources>
    <ListView.ItemTemplate>
        <DataTemplate>
            <!-- removed content -->
            <Grid 
                ...
                Visibility="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListViewItem}}, 
                    Path=IsSelected, 
                    Converter={StaticResource BooleanToVisibilityConverter}}">
            </Grid>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

在列表视图中设置对数据模板部分的可见性

Setting visiblity to section of data template in a listview

c#

wpf

mvvm