Как правильно связать мою команду ContextMenu с RelayCommand? - PullRequest
Новая
       21

Как правильно связать мою команду ContextMenu с RelayCommand?

0 голосов
/ 11 ноября 2018

Итак, у меня есть несколько кнопок, настроенных на RelayCommand, и они работают отлично, но при попытке связать свойство Command ContextMenu Menu Item оно просто не реагирует на него. Я читал что-то о необходимости установить AncestorType уровня или что-то в этом роде, но это было очень обширное описание, не объясняющее, почему и как.

Итак, у меня есть ListView 

<ListView x:Name="PlayerListView"
                  Width="200"
                  Height="330"
                  VerticalAlignment="Top"
                  Margin="0,80,15,0"
                  HorizontalAlignment="Right"
                  Background="#252525"
                  VerticalContentAlignment="Center"
                  ItemsSource="{Binding ServerViewModel.Players}">

            <ListView.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal" 
                                VerticalAlignment="Stretch" 
                                HorizontalAlignment="Stretch"
                                Width="190"
                                Background="#222222">

                        <StackPanel.ContextMenu>
                            <ContextMenu>
                                <MenuItem Header="Command One">
                                    <MenuItem.Icon>
                                        <Image Source="../../Assets/image.png"
                                               RenderOptions.BitmapScalingMode="Fant"/>
                                    </MenuItem.Icon>
                                </MenuItem>

                                <MenuItem Header="Command Two"
                                          Command="{Binding ServerViewModel.MyCommand,
                                    RelativeSource={RelativeSource AncestorType=ListViewItem}}">
                                    <MenuItem.Icon>
                                        <Image Source="../../Assets/image.png"
                                               RenderOptions.BitmapScalingMode="Fant"/>
                                    </MenuItem.Icon>
                                </MenuItem>
                            </ContextMenu>
                        </StackPanel.ContextMenu>

                        <Image Source="../../Assets/image.png"
                               Width="20"
                               Height="20"/>

                        <TextBlock Text="{Binding Username}" 
                                   Foreground="White"
                                   HorizontalAlignment="Stretch"
                                   VerticalAlignment="Center" 
                                   Margin="5"/>
                    </StackPanel>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>

И как вы можете видеть на втором элементе, я пытаюсь привязать его к моей RelayCommand. Это должно работать, так как viewmodels и datacontext правильно настроены для моих кнопок. 

public class BaseViewModel : ObservableObject
    {
        public ServerViewModel ServerViewModel { get; set; } = new ServerViewModel();
    }

ViewModel 

public RelayCommand MyCommand { get; set; }

public ServerViewModel()
        {
            MyCommand = new RelayCommand(DoSomething);
        }
public void DoSomething(object parameter)
        {
            MessageBox.Show("Working!");
        }

И, конечно, сам RelayCommand. Снова команды RelayCommands работают для кнопок, но не для элементов ContextMenu 

public class RelayCommand : ObservableObject, ICommand
    {
        private readonly Action<object> _execute;
        private readonly Predicate<object> _canExecute;

        public RelayCommand(Action<object> execute, Predicate<object> canExecute)
        {
            if (execute == null)
                throw new ArgumentException("execute");

            _execute = execute;
            _canExecute = canExecute;
        }

        public RelayCommand(Action<object> execute) : this(execute, null)
        {

        }

        public bool CanExecute(object parameter)
        {
            return _canExecute == null ? true : _canExecute(parameter);
        }

        public void Execute(object parameter)
        {
            _execute.Invoke(parameter);
        }

        public event EventHandler CanExecuteChanged
        {
            add { CommandManager.RequerySuggested += value; }
            remove { CommandManager.RequerySuggested -= value; }
        }
    }

И вот где я устанавливаю DataContext 

public MainWindow()
        {
            InitializeComponent();
            DataContext = new BaseViewModel();
        }

1 Ответ

0 голосов
/ 11 ноября 2018

Этот код 

Command="{Binding ServerViewModel.MyCommand, RelativeSource={RelativeSource AncestorType=ListViewItem}}"

пытается найти свойство ServerViewModel в классе ListViewItem и не найдет его.Если объекты, возвращаемые ServerViewModel.Players, сами являются объектами ViewModel, вы можете удалить часть RelativeSource и добавить свою команду в Player ViewModel.

Пример: 

Command="{Binding MyCommand}"

и в PlayerViewModel: 

    public RelayCommand MyCommand { get; set; }

    public PlayerViewModel()
    {
        MyCommand = new RelayCommand(DoSomething);
    }
    public void DoSomething(object parameter)
    {
        MessageBox.Show("Player Working!");
    }

Альтернативные решения см. Здесь: WPF: привязка ContextMenu к команде MVVM

...