Размещение контекстного меню в последнем столбце данных таблицы данных для контроля видимости других столбцов в WPF

Question

Как разместить контекстное меню в последнем столбце данных DataGrid, чтобы оно могло управлять видимостью других столбцов.

У меня есть сетка данных, содержащая всего 8 столбцов.Как разместить контекстное меню в последнем столбце?Нужно понять, есть ли возможность контролировать видимость других столбцов из контекстного меню (как показано на рисунке ниже)?

<DataGrid  x:Name="MyGrid" ItemsSource="{Binding obvCollection}" AutoGenerateColumns="False" > 
        <DataGridTemplateColumn Header = "Column 1"/>
        <DataGridTemplateColumn Header = "Column 2"/>
        <DataGridTemplateColumn Header = "Column 3"/>
        <DataGridTemplateColumn Header = "Column 4"/>
        <DataGridTemplateColumn Header = "Column 5"/>
        <DataGridTemplateColumn Header = "Column 6"/>
        <DataGridTemplateColumn Header = "Column 7"/>
        <DataGridTemplateColumn Header = "Column 8"/>
        <DataGridTemplateColumn Header = ""/>
    </Datagrid>     

Answer 1

Вы можете использовать что-то вроде:

<Expander Grid.Column="0" ExpandDirection="Right" Width="auto" IsExpanded="false" Header="Options" Background="#ececec" Padding="5">
    <StackPanel>

        <Label Content="Columns:" FontWeight="SemiBold" />
        <ItemsControl ItemsSource="{Binding ElementName=DataGridName, Path=Columns}" Grid.IsSharedSizeScope="True" Margin="5">
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Vertical" />
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition SharedSizeGroup="A"/>
                            <ColumnDefinition SharedSizeGroup="B"/>
                        </Grid.ColumnDefinitions>
                        <TextBlock Text="{Binding Header}" Margin="20, 5, 5, 0"/>
                        <CheckBox Grid.Column="1"  IsChecked="{Binding Visibility, Converter=cnv:CustomVisibilityToBool CollapsedValue=False, VisibleValue=True}}"
                                  Margin="5" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                    </Grid>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </StackPanel>
</Expander>

Конвертер:

class CustomVisibilityToBool : MarkupExtension, IValueConverter
{
    public bool VisibleValue { get; set; }
    public bool CollapsedValue { get; set; }
    public bool HiddenValue { get; set; }
    public override object ProvideValue(IServiceProvider serviceProvider)
    {
        return this;
    }
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if ((value as Visibility?) == Visibility.Visible) return VisibleValue;
        else if ((value as Visibility?) == Visibility.Hidden) return HiddenValue;
        else if ((value as Visibility?) == Visibility.Collapsed) return CollapsedValue;

        return Binding.DoNothing;
    }
    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        if ((value as bool?) == VisibleValue) return Visibility.Visible;
        else if ((value as bool?) == HiddenValue) return Visibility.Hidden;
        else if ((value as bool?) == CollapsedValue) return Visibility.Collapsed;

        return Binding.DoNothing;
    }
}

Что, если вы поместите рядом с DataGrid, будет выглядеть так:

Answer 2

Вы можете реализовать это с помощью конвертера:

class VisibilityToBooleanConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        Visibility visibility = (Visibility)value;
        return visibility == Visibility.Visible;
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        bool b = (bool)value;
        return b ? Visibility.Visible : Visibility.Hidden;
    }
}

... и некоторой разметки XAML:

<DataGridTemplateColumn>
    <DataGridTemplateColumn.Header>
        <Grid Background="Gray" Width="25" Height="25"
              Tag="{Binding Columns, ElementName=MyGrid}">
            <Grid.ContextMenu>
                <ContextMenu ItemsSource="{Binding PlacementTarget.Tag, RelativeSource={RelativeSource Self}}">
                    <ContextMenu.ItemTemplate>
                        <DataTemplate>
                            <CheckBox x:Name="chk">
                                <CheckBox.IsChecked>
                                    <Binding Path="Visibility">
                                        <Binding.Converter>
                                            <local:VisibilityToBooleanConverter />
                                        </Binding.Converter>
                                    </Binding>
                                </CheckBox.IsChecked>
                                <CheckBox.Content>
                                    <TextBlock Text="{Binding Header}" />
                                </CheckBox.Content>
                            </CheckBox>
                            <DataTemplate.Triggers>
                                <!-- hide the last column in the ContentMenu-->
                                <DataTrigger Binding="{Binding DisplayIndex}" Value="5">
                                    <Setter TargetName="chk" Property="Visibility" Value="Collapsed" />
                                </DataTrigger>
                            </DataTemplate.Triggers>
                        </DataTemplate>
                    </ContextMenu.ItemTemplate>
                </ContextMenu>
            </Grid.ContextMenu>
        </Grid>
    </DataGridTemplateColumn.Header>
</DataGridTemplateColumn>

Заменить Grid в разметке образца кнопкой гамбургераили любой элемент, на который вы хотите, чтобы пользователь нажал, чтобы вызвать ContextMenu.