从DataTrigger设置WPF TreeViewItem的IsExpanded属性

9

我正在尝试使用条件模板在 XAML 中设置我的 TreeView 项的 IsExpanded 属性:

<DataTrigger Binding="{Binding MyStatus}" Value="Opened">
    <Setter TargetName="MyTextBlock" Property="Foreground" Value="Green"/>
    <Setter Property="TreeViewItem.IsExpanded" Value="True" />
</DataTrigger>

当我从C#代码设置MyStatus属性时,颜色会改变(因此DataTrigger起作用),但节点不会展开。

_myItems[0].MyStatus = MyStatus.Opened;

如何从设置属性?

当我启动应用程序时,颜色被正确设置,但绿色节点未展开:

Screenshot just after starting the application

在更改_myItems [0] .MyStatus_myItems [1] .MyStatus的值后,颜色会相应更改,但绿色节点仍未展开。

Screenshot after clicking the Button1

完整代码(XAML)

完整代码有点长,但它的90%是样板文件。

<Window x:Class="WpfApplication6.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="150" Width="250">
    <DockPanel>
        <DockPanel.Resources>
            <HierarchicalDataTemplate ItemsSource="{Binding SubItems}" x:Key="MyTemplate">
                <StackPanel Orientation="Horizontal">
                    <!-- ... -->
                    <TextBlock x:Name="MyTextBlock" Foreground="Green" Text="{Binding Name}" />
                </StackPanel>

                <HierarchicalDataTemplate.Triggers>
                    <DataTrigger Binding="{Binding MyStatus}" Value="Closed">
                        <Setter TargetName="MyTextBlock" Property="Foreground" Value="Red"/>
                        <Setter Property="TreeViewItem.IsExpanded" Value="False" />
                    </DataTrigger>
                    <DataTrigger Binding="{Binding MyStatus}" Value="Opened">
                        <Setter TargetName="MyTextBlock" Property="Foreground" Value="Green"/>
                        <Setter Property="TreeViewItem.IsExpanded" Value="True" />
                    </DataTrigger>
                </HierarchicalDataTemplate.Triggers>
            </HierarchicalDataTemplate>
        </DockPanel.Resources>

        <Button Name="button1" Click="button1_Click" DockPanel.Dock="Top" Content="Button1"/>
        <TreeView Name="treeView1" ItemsSource="{Binding MyItems}" ItemTemplate="{StaticResource MyTemplate}"/>
    </DockPanel>
</Window>

完整代码(C#)

using System;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Windows;

namespace WpfApplication6
{
    public partial class MainWindow : Window
    {
        private ObservableCollection<MyItemCollection> _myItems;

        public MainWindow() {
            InitializeComponent();

            _myItems = new ObservableCollection<MyItemCollection> {
                new MyItemCollection { Name = "Parent1", MyStatus = MyStatus.Closed, SubItems = { new MyItemCollection { Name = "Child1" } } },
                new MyItemCollection { Name = "Parent2", MyStatus = MyStatus.Opened, SubItems = { new MyItemCollection { Name = "Child2" } } }
            };

            DataContext = new {
                MyItems = _myItems
            };
        }

        private void button1_Click(object sender, RoutedEventArgs e) {
            _myItems[0].MyStatus = MyStatus.Opened;
            _myItems[1].MyStatus = MyStatus.Closed;
        }
    }

    public enum MyStatus
    {
        Closed,
        Opened
    }

    public class MyItemCollection : INotifyPropertyChanged
    {
        public MyItemCollection() {
            SubItems = new ObservableCollection<MyItemCollection>();
            _myStatus = MyStatus.Closed;
        }

        public string Name { get; set; }

        public ObservableCollection<MyItemCollection> SubItems { get; set; }

        private MyStatus _myStatus;
        public MyStatus MyStatus {
            get { return _myStatus; }
            set { _myStatus = value; NotifyPropertyChanged("MyStatus"); }
        }

        public event PropertyChangedEventHandler PropertyChanged;
        private void NotifyPropertyChanged(String propertyName) {
            PropertyChangedEventHandler handler = PropertyChanged;
            if (handler != null) {
                handler(this, new PropertyChangedEventArgs(propertyName));
            }
        }
    }
}

相关:WPF数据绑定的树形视图展开/折叠,但他们使用Style而我使用DataTrigger - Suzanne Soy
3个回答

14

这里有几个问题。首先,您正在对HierarchicalDataTemplate设置属性TreeViewItem.IsSelected。这样是行不通的。相反,您需要在TreeView上设置ItemContainerStyle

<TreeView>
    <TreeView.ItemContainerStyle>
        <Style TargetType="{x:Type TreeViewItem}">
        <!-- put logic for handling expansion here -->
        </Style>
    </TreeView.ItemContainerStyle>
</TreeView>

然而,你不能仅仅把Trigger放在这里。由于DependencyProperty值的优先级,如果用户点击节点来展开或折叠它们,你的触发器将不会处于优先级列表的第一位(那是本地值)。因此,最好的选择是创建一个新的IValueConverter,用于从MyStatus转换为bool,然后在StyleSetter中设置一个TwoWay绑定:

<Style TargetType="{x:Type TreeViewItem}">
    <Setter Property="IsExpanded" 
            Value="{Binding MyStatus, Converter={StaticResource statusToBool}}" />
</Style>

而你的转换器:

public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
    return ((MyStatus)value) == MyStatus.Opened;
}

public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
{
    return ((bool)value) ? MyStatus.Opened : MyStatus.Closed;
}

谢谢,最终我使用了一个布尔属性MyExpanded,除了MyStatus枚举字段之外,以避免转换器的问题(由于枚举中有两个以上的值,所以ConvertBack会有问题)。 - Suzanne Soy

2

我曾经遇到过同样的问题,但是在不使用值转换器的情况下解决了它:

                    <TreeView.ItemContainerStyle>
                        <Style TargetType="{x:Type TreeViewItem}" BasedOn="{StaticResource {x:Type TreeViewItem}}">
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding IsVisible}" Value="False">
                                    <Setter Property="Visibility" Value="Collapsed" />
                                </DataTrigger>
                                <DataTrigger Binding="{Binding IsExpanded}" Value="True">
                                    <Setter Property="IsExpanded" Value="True" />
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </TreeView.ItemContainerStyle>

2

我之前也遇到过类似的问题,我是这样解决的:

<TreeView ItemsSource="{Binding source}"
          SnapsToDevicePixels="{Binding Path=myStatusToBool}"
          >
  <TreeView.ItemContainerStyle>
    <Style>
      <Setter Property="TreeViewItem.IsExpanded"
              Value="False"
              />
      <Style.Triggers>
        <DataTrigger Binding="{Binding Path=SnapsToDevicePixels,RelativeSource={RelativeSource AncestorType=TreeView}}"
                     Value="True">
            <Setter Property="TreeViewItem.IsExpanded"
                    Value="True"
                    />
        </DataTrigger>
      </Style.Triggers>
    </Style>
  </TreeView.ItemContainerStyle>

  <TreeView.Resources>
  .....
  .....
  </TreeView.Resources>
</TreeView>

<TreeView ItemsSource="{Binding source}" SnapsToDevicePixels="{Binding Path=myStatusToBool}" > - German Torres

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接