Mvvm ListView wpf как обработать нажатия в ModelView

Question

Как можно обработать событие в MV
DelegateCommand.cs

 class DelegateCommand : ICommand
    {
        Action<object> execute;
        Func<object, bool> canExecute;
    public event EventHandler CanExecuteChanged;


    public DelegateCommand(Action&lt;object&gt; execute, Func&lt;object, bool&gt; canExecute)
    {
        this.execute = execute;
        this.canExecute = canExecute;
    }

    public DelegateCommand(Action&lt;object&gt; execute)
    {
        this.execute = execute;
        this.canExecute = this.AlwaysCanExecute;
    }

    public DelegateCommand()
    {

    }

    public void Execute(object param)
    {
        execute(param);
    }

    public bool CanExecute(object param)
    {
        return canExecute(param);
    }


    public void RaiseCanExecuteChanged()
    {
        if (CanExecuteChanged != null)
            CanExecuteChanged(this, EventArgs.Empty);
    }


    private bool AlwaysCanExecute(object param)
    {
        return true;
    }

}

MainWindow.xaml

                <ListView Width="1031" ItemsSource="{Binding GetTopItem}" 
                           ScrollViewer.VerticalScrollBarVisibility="Disabled" HorizontalAlignment="Left" ScrollViewer.HorizontalScrollBarVisibility="Hidden" 
                           Background="{x:Null}" BorderBrush="{x:Null}" Foreground="#DD000000">
                    <ListView.DataContext>
                        <vm:BookMainVM/>
                    </ListView.DataContext>
                    <ListView.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Left"></StackPanel>
                        </ItemsPanelTemplate>
                    </ListView.ItemsPanel>
                &lt;ListView.ItemTemplate&gt;
                    &lt;DataTemplate&gt;

                        &lt;Border HorizontalAlignment=&quot;Left&quot; CornerRadius=&quot;25,25,25,25&quot;  BorderThickness=&quot;1&quot; BorderBrush=&quot;#FF474747&quot; Height=&quot;288&quot; Margin=&quot;0,0,0,0&quot; &gt;
                            &lt;Grid   Grid.Column=&quot;0&quot; Height=&quot;Auto&quot; Width=&quot;216&quot; Margin=&quot;-1&quot;&gt;
                                &lt;Grid.RowDefinitions&gt;
                                    &lt;RowDefinition Height=&quot;49*&quot;/&gt;
                                    &lt;RowDefinition Height=&quot;5*&quot;/&gt;
                                    &lt;RowDefinition Height=&quot;18*&quot;/&gt;
                                &lt;/Grid.RowDefinitions&gt;
                                &lt;Border CornerRadius=&quot;25,25,0,0&quot; RenderTransformOrigin=&quot;0.5,0.5&quot;&gt;
                                    &lt;Border.Background&gt;
                                        &lt;ImageBrush ImageSource=&quot;{Binding Img_src}&quot; Stretch=&quot;Fill&quot; /&gt;
                                    &lt;/Border.Background&gt;
                                &lt;/Border&gt;
                                &lt;Label Content=&quot;{Binding Rate}&quot;  Background=&quot;#FFBFBFBF&quot; RenderTransformOrigin=&quot;0.5,0.5&quot; Grid.Row=&quot;1&quot; FontSize=&quot;11&quot; FontFamily=&quot;Meiryo UI&quot; HorizontalContentAlignment=&quot;Center&quot;/&gt;
                                &lt;Border CornerRadius=&quot;0,0,25,25&quot;  Grid.Row=&quot;2&quot; Background=&quot;#FF8F8F8F&quot;&gt;
                                    &lt;TextBlock  Margin=&quot;6,0,0,0&quot; Text=&quot;{Binding Name}&quot; HorizontalAlignment=&quot;Left&quot; TextWrapping=&quot;Wrap&quot;  VerticalAlignment=&quot;Top&quot; Grid.Row=&quot;2&quot; Height=&quot;61&quot; Width=&quot;190&quot;/&gt;
                                &lt;/Border&gt;
                            &lt;/Grid&gt;
                        &lt;/Border&gt;
                    &lt;/DataTemplate&gt;
                &lt;/ListView.ItemTemplate&gt;
            &lt;/ListView&gt;

Как при нажатии на элемент коллекции нужно как-то обработать это в MV и там получить данные Text="{Binding Name}. Я уже перепробовал много способов и в итоге решил спросить

Answer 1

Например, так:

1. В вашу VM для элемента списка положите свойство Activate типа ICommand, и пропишите в него экземпляр DelegateCommand

2. В вашем XAML укажите InputBindings:

   <ListView.ItemTemplate>
       <DataTemplate>
           <Border ... >
               <Border.InputBindings>
                   <MouseBinding Gesture="LeftClick" Command="{Binding Activate}"/>
               </Border.InputBindings>
   

Вроде бы всё.

---

Пример структуры VM:

class MainVM
{
    public ObservableCollection<ItemVM> GetTopItem { get; }
public MainVM()
{
    var itemVMs = new List&lt;ItemVM&gt;();
    foreach (Item item in Model.GetItems())
        itemVMs.Add(new ItemVM(item));
    GetTopItem = new ObservableCollection&lt;ItemVM&gt;(itemVMs);
}

}
class ItemVM
{
    Item item;
    public ItemVM(Item item)
    {
        this.item = item;
        Activate = new DelegateCommand(o => MessageBox.Show(item.Id.ToString()));
    }
public ICommand Activate { get; }

}

---

Если совсем не хочется иметь дело с несколькими VM, можно сделать так. Вместо ObservableCollection<ItemVM> выставить ObservableCollection<Item>. Activate положить в MainVM:

class MainVM
{
    public ObservableCollection<Item> GetTopItem { get; }
public MainVM()
{
    GetTopItem = new ObservableCollection&lt;Item&gt;(Model.GetItems());
    Activate = new DelegateCommand(o =&gt;
    {
        var item = (Item)o;
        MessageBox.Show(item.Id.ToString());
    });
}
public ICommand Activate { get; }

}

Подправить XAML согласно рекомендации @aepot:

<MouseBinding Gesture="LeftClick"
              Command="{Binding DataContext.Activate, RelativeSource={RelativeSource AncestorType=ListView}}"
              CommandParameter="{Binding}"/>

У меня такое работает, проверил.