WPF MVVMLight Treeview中的SelectedItem

本文档介绍了如何在WPF MVVM Light框架下处理Treeview的SelectedItem绑定问题。由于SelectedItem属性默认为只读,直接在XAML中绑定会遇到错误。通过创建辅助类TreeViewHelper并集成到XAML中,可以实现与ViewModel属性的有效绑定,从而解决这一问题。
该文章已生成可运行项目,

如何检索WPF树视图中选择的项目?我想在XAML中这样做,因为我想绑定它。

您可能会认为它不存在SelectedItem,但显然不存在,它是只读的,因此无法使用。

这就是我想做的:

<TreeView ItemsSource="{Binding Path=Model.Clusters}" 
            ItemTemplate="{StaticResource ClusterTemplate}"
            SelectedItem="{Binding Path=Model.SelectedCluster}" />

我想将绑定SelectedItem到模型上的属性。

但这给了我错误:

“ SelectedItem”属性是只读的,无法通过标记设置。

好的,这就是我解决这个问题的方法:首先添加此类:

public class ExtendedTreeView : TreeView
{
    public ExtendedTreeView()
        : base()
    {
        this.SelectedItemChanged += new RoutedPropertyChangedEventHandler<object>(___ICH);
    }

    void ___ICH(object sender, RoutedPropertyChangedEventArgs<object> e)
    {
        if (SelectedItem != null)
        {
            SetValue(SelectedItem_Property, SelectedItem);
        }
    }

    public object SelectedItem_
    {
        get { return (object)GetValue(SelectedItem_Property); }
        set { SetValue(SelectedItem_Property, value); }
    }
    public static readonly DependencyProperty SelectedItem_Property = DependencyProperty.Register("SelectedItem_", typeof(object), typeof(ExtendedTreeView), new UIPropertyMetadata(null));
}

并将其添加到您的xaml中:

 <local:ExtendedTreeView Grid.Row="2" Grid.Column="1" SelectedItem_="{Binding SelectedItem, Mode=TwoWay}" ItemsSource="{Binding TreeViewProject}"   Margin="0,0.333,0,18.889" Grid.RowSpan="2" Foreground="White" Grid.ColumnSpan="2" BorderThickness="0">
 </local:ExtendedTreeView>

ViewModel 定义:

  private TreeViewItem selectedItem;

        public TreeViewItem SelectedItem
        {
            get { return selectedItem; }
            set { selectedItem = value; RaisePropertyChanged(() => SelectedItem); }
        }

核心代码:(59条消息) TreeViewHelper.cs-互联网文档类资源-优快云文库

本文章已经生成可运行项目
WPF 中,`TreeView` 控件虽然支持选择操作,但其结构较为复杂,无法直接从 `Selector` 类派生,因此不直接支持 `SelectedItem` 的绑定。为了解决这一问题,可以通过以下方式实现对 `SelectedItem` 的监听与绑定。 在 XAML 中,可以使用 `System.Windows.Interactivity` 提供的事件触发机制,将 `SelectedItemChanged` 事件绑定到 ViewModel 中的命令。通过这种方式,可以在选中项发生变化时触发命令,从而实现对选中项的处理。以下为 XAML 示例代码: ```xml <TreeView x:Name="myTreeView" ItemsSource="{Binding TreeItems}"> <i:Interaction.Triggers> <i:EventTrigger EventName="SelectedItemChanged"> <i:InvokeCommandAction Command="{Binding TreeNodeSelectedCommand}" CommandParameter="{Binding SelectedItem, ElementName=myTreeView}" /> </i:EventTrigger> </i:Interaction.Triggers> <TreeView.ItemTemplate> <HierarchicalDataTemplate ItemsSource="{Binding Children}"> <TextBlock Text="{Binding Name}" /> </HierarchicalDataTemplate> </TreeView.ItemTemplate> </TreeView> ``` 在 ViewModel 中,需要定义一个 `ICommand` 属性(如 `TreeNodeSelectedCommand`),并在构造函数中初始化该命令。同时,为了确保 `SelectedItem` 的更新逻辑正确,可以通过 `RaisePropertyChanged` 方法通知视图更新。以下为 ViewModel 的示例代码: ```csharp public class MainViewModel : INotifyPropertyChanged { public ICommand TreeNodeSelectedCommand { get; } private object _selectedNode; public object SelectedNode { get => _selectedNode; set { _selectedNode = value; RaisePropertyChanged(() => SelectedNode); } } public ObservableCollection<TreeNode> TreeItems { get; set; } public MainViewModel() { TreeNodeSelectedCommand = new RelayCommand(OnTreeNodeSelected); // 初始化 TreeItems } private void OnTreeNodeSelected(object param) { if (param is TreeNode selectedNode) { MessageBox.Show($"选中项名称:{selectedNode.Name}"); } } // 实现 INotifyPropertyChanged 接口 } ``` 通过上述实现,当选中 `TreeView` 中的某一项时,会触发 `TreeNodeSelectedCommand` 命令,并通过 `MessageBox` 显示选中项的名称。同时,通过绑定 `SelectedItem` 属性,可以确保 `SelectedItem` 的更新逻辑正确,避免因绑定问题导致选中项无效的情况[^5]。 此外,还可以通过 `ItemContainerGenerator.ContainerFromItem` 方法从 `TreeView` 中获取选中项对应的 `TreeViewItem` 对象,从而实现对选中项的进一步操作。例如,可以通过递归查找的方式获取多层节点中的选中项[^4]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值