如何将网格绑定到 WPF 中选定的树视图项

Question

如何在 WPF 中将网格绑定到选定的树视图项？简而言之，当我的应用程序的用户单击树视图项时，我想运行将加载一些数据并将其呈现在网格上的命令。根据项目的基础类型，我想绑定到不同的命令。

XAML

<TreeView ItemsSource="{Binding Path=SomeCollection, UpdateSourceTrigger=PropertyChanged}">
    <TreeView.ItemContainerStyle>
        <Style TargetType="{x:Type TreeViewItem}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Path=., Converter={StaticResource GetElementTypeConverter}}" Value="{x:Type Models:SomeType}">
                    // WHAT CODE GOES HERE?
                </DataTrigger>
                <DataTrigger Binding="{Binding Path=., Converter={StaticResource GetElementTypeConverter}}" Value="{x:Type Models:SomeOtherType}">
                    // WHAT CODE GOES HERE?
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </TreeView.ItemContainerStyle>
</TreeView>

我想以 MVVM 方式处理点击事件。

Answer 1

在 WPF 中，我们通过定义不同的DataTemplates 来处理不同的数据类型。在您的情况下，您可能已经定义了一些。如果没有，现在就这样做，并且在这些DataTemplates 中，您可以设置相关的ICommands。您可以通过多种方式执行此操作，但一种简单的方法是在“空白”Button 中定义您的内容：

<DataTemplate DataType="{x:Type YourDataTypePrefix:YourDataType}">
    <Button Command="{Binding SomeCommand}">
        <Button.Template>
            <ControlTemplate TargetType="{x:Type Button}">
                <Grid>
                    <!-- Define your YourDataType item content here -->
                </Grid>
            </ControlTemplate>
        </Button.Template>
    </Button>
</DataTemplate>
<DataTemplate DataType="{x:Type YourDataTypePrefix:OtherDataType}">
    <Button Command="{Binding SomeOtherCommand}">
        <Button.Template>
            <ControlTemplate TargetType="{x:Type Button}">
                <Grid>
                    <!-- Define your OtherDataType item content here -->
                </Grid>
            </ControlTemplate>
        </Button.Template>
    </Button>
</DataTemplate>

---

更新>>>

你说不能用Button 选择TreeViewItem，这似乎很奇怪。但是，您可以尝试使用 ToggleButton 来绑定到 TreeViewItem.IsSelected 属性：

<ToggleButton Command="{Binding SomeCommand}" IsChecked="{Binding IsSelected, 
    RelativeSource={RelativeSource AncestorType={x:Type TreeViewItem}}}">
    <ToggleButton.Template>
        <ControlTemplate TargetType="{x:Type Button}">
            <Grid>
                <!-- Define your YourDataType item content here -->
            </Grid>
        </ControlTemplate>
    </ToggleButton.Template>
</ToggleButton>

如果这仍然不起作用，则使用AttachedProperty 处理DataTemplates 中Grid 上的PreviewMouseDown 事件。你可以找到很多关于使用AttachedPropertys 处理事件的在线文档，所以我在这里不再赘述。但是，如果你这样做了（这是更好的解决方案），那么你可以这样做：

<DataTemplate DataType="{x:Type YourDataTypePrefix:YourDataType}">
    <Grid Attached:MouseEvents.PreviewMouseDown="{Binding SomeCommand}">
        <!-- Define your YourDataType item content here -->
    </Grid>
</DataTemplate>