将上下文菜单绑定到视图模型属性

时间:2013-01-29 16:17:34

标签: c# wpf xaml mvvm

我有一个与数据网格中的按钮相关联的上下文菜单。我希望上下文菜单项根据我在视图模型中的字符串列表进行更改。当我点击按钮时,没有任何显示。

这是我正在使用的xaml,它位于数据网格中:

<Button Grid.Column="1" Content="..."  Click="Button_Click">
        <Button.ContextMenu>
       <ContextMenu ItemsSource="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type UserControl}},Path=DataContext.SelectableDescriptions}">    
         <TextBlock Text="{Binding}"/>
       </ContextMenu>
       </Button.ContextMenu>        
</Button>

这是整个DataGrid xaml:

<DataGrid Grid.Row="1" Grid.ColumnSpan="4" CanUserAddRows="True" AutoGenerateColumns="False" CanUserDeleteRows="True"  ItemsSource="{Binding JobPricings, Mode=TwoWay}" SelectedItem="{Binding SelectedJobPricing, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" >
    <DataGrid.Columns>
        <DataGridTemplateColumn  Header="Description" Width="25*"   >
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="75*"/>
                            <ColumnDefinition Width="25*"/>
                        </Grid.ColumnDefinitions>
                        <TextBox Grid.Column="0" Text="{Binding Description,Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
                        <Button Grid.Column="1" Content="..."  Click="Button_Click">
                            <Button.ContextMenu>
                                <ContextMenu ItemsSource="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type UserControl}},Path=DataContext.SelectableDescriptions}">
                                    <TextBlock Text="{Binding}"/>
                                </ContextMenu>
                            </Button.ContextMenu>
                        </Button>
                    </Grid>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
         </DataGridTemplateColumn>
        <DataGridTextColumn Header="Unit Price" Binding="{Binding UnitPrice, Mode=TwoWay}" Width="25*"/>
        <DataGridTextColumn Header="Unit" Binding="{Binding Unit, Mode=TwoWay}" Width="25*"/>
        <DataGridTemplateColumn  Header="Currency   " Width="25*" >
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <Grid>
                        <ComboBox  SelectedValue="{Binding CurrencyID, Mode=TwoWay}" SelectedValuePath="ID" DisplayMemberPath="Description" ItemsSource="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type UserControl}},Path=DataContext.Currencies}"  ></ComboBox>
                    </Grid>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>

这是我通过我的视图模型绑定上下文菜单的属性:

public ObservableCollection<string> SelectableDescriptions
{
    get
    {
        _selectableDescriptions.Add("One");
        _selectableDescriptions.Add("Two");
        return _selectableDescriptions;
    }
    set
    {
        _selectableDescriptions = value;
    }
}

为什么我的列表不会出现在上下文菜单中的任何想法?

3 个答案:

答案 0 :(得分:6)

正如约翰所说,ContextMenu是它自己的独立窗口,与按钮的可视树分开,因此它不会自动继承按钮的DataContext

但是,ContextMenu确实有一个指向它所放置对象的链接(在你的情况下是按钮):PlacementTarget。通过转到菜单的PlacementTarget,您可以找到按钮,找到按钮后可以找到它的DataContext。

因此,在xaml中,您可以手动使ContextMenu继承Button的DataContext ,方法是将自己的DataContext绑定到自己的PlacementTarget.DataContext ,以及所有其他绑定(例如ItemsSource )可以像平常一样写出:

<Button Grid.Column="1" Content="..."  Click="Button_Click">
    <Button.ContextMenu>
        <ContextMenu DataContext="{Binding RelativeSource={RelativeSource Self}, Path=PlacementTarget.DataContext}" 
                     ItemsSource="{Binding Path=SelectableDescriptions}" >    
            <ContextMenu.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Path=SomePropertyOnItem}" />
                </DataTemplate>
            </ContextMenu.ItemTemplate>                            
        </ContextMenu>
    </Button.ContextMenu>        
</Button>

答案 1 :(得分:3)

ContextMenu和Popup之类的东西存在于主视觉树之外,因此不能使用RelativeSource来走向父对象。在大多数情况下,ElementName也会中断。根据具体情况,有各种可用的解决方法。我喜欢使用继承的附加属性来传递其他数据,因为它不涉及更改您的VM并在设置完成后保留在XAML中。这是一篇博客文章,通过示例解释该技术:http://blogs.interknowlogy.com/2011/04/26/binding-to-alternate-datacontexts/

答案 2 :(得分:0)

我认为你必须对你的上下文菜单做这样的事情,请注意我的假设是你设置货币的方式正在发挥作用。

<ContextMenu>
    <ContextMenu.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding}"/>
        </DataTemplate>
    </ContextMenu.ItemTemplate>
</ContextMenu>