在MVVM风格的TreeView-Element上的ContextMenu

时间:2014-05-09 11:11:24

标签: wpf mvvm contextmenu datacontext

我有"简单"任务在TreeView(元素)上有一个以MVVM方式完成的ContextMenu。 在网上搜索时,我找到了一些解决方案,我可以使用按钮等工作,但不能使用TreeView。我认为问题在于设置TreeView的ItemsSource-Property,它为每个项目提供一个自己的DataContext。

这是我的小测试应用程序,您可以在其中看到按钮的原理,但不适用于TreeView-Elements:

MainWindow.xaml:

<Window x:Class="ContextMenu.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">

    <Grid >
        <StackPanel>
            <TextBlock Text="{Binding MyText}" />

            <Button Tag="{Binding DataContext,RelativeSource={RelativeSource Mode=Self}}" Content="Click me">
                <Button.ContextMenu>
                    <ContextMenu>
                        <MenuItem Header="{Binding PlacementTarget.Tag.MyText,
                            RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=ContextMenu}}" />
                    </ContextMenu>
                </Button.ContextMenu>
            </Button>

            <TreeView ItemsSource="{Binding MyList}" Tag="{Binding DataContext, RelativeSource={RelativeSource Mode=Self}}">
                <TreeView.ItemTemplate>
                    <HierarchicalDataTemplate>
                        <TextBlock Text="{Binding Name}">
                            <TextBlock.ContextMenu>
                                <ContextMenu>
                                    <MenuItem Header="{Binding Path=PlacementTarget.Tag.MyText, 
                                        RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ContextMenu}}" />
                                </ContextMenu>
                            </TextBlock.ContextMenu>
                        </TextBlock>
                    </HierarchicalDataTemplate>
                </TreeView.ItemTemplate>         
            </TreeView>

        </StackPanel>        
    </Grid>
</Window>

代码隐藏:

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        DataContext = new MainWindowVM();
    }
}

MainWindowVM.cs:

public class MainWindowVM
{
    public string MyText { get; set; }
    public ObservableCollection<TreeElement> MyList { get; set; }

    public MainWindowVM()
    {
        MyText = "This is my Text!";
        MyList = new ObservableCollection<TreeElement>();
        MyList.Add(new TreeElement("String 1"));
        MyList.Add(new TreeElement("String 2"));
    }
}

public class TreeElement
{
    public string Name { get; set; }
    public TreeElement(string Name)
    {
        this.Name = Name;
    }
}

感谢您的帮助! 约尔格

1 个答案:

答案 0 :(得分:1)

你很亲密。

你在做什么:

  1. 您将Tag的{​​{1}}设置为自己的TreeView。这是 不必要的。
  2. 您尝试从DataContext获取Tag.MyText - ContextMenu.PlacementTargetTextBlock没有TextBlock设置。
  3. 你应该做什么:

    1. TextBlock Tag设置为窗口的Tag (窗口是DataContext祖先,你应该通过它查找 TextBlock)。
    2. 第二部分没问题 - 您在第一步中设置了RelativeSource Mode=FindAncestor