Блог

Когда у нас есть пользовательский listbox с определенной обработкой событий для щелчка левой кнопкой мыши, а также дополнительная форма внутри шаблона данных ListBoxItem, которая должна выполнять некоторые действия при нажатии на нее, как мы можем обработать эти

У меня есть пользовательский список, который пытается обработать событие Click :

В contentView:

                 <ABC:AListBox
                    ClickCommand="{Binding LaunchCommand}"
                    ...>
                </ABC:AListBox>
  

В его datatemplate у нас есть это:

         <DataTemplate x:Key="ThisListTemplate">
            <StackPanel ...>
                <Border Grid.Column="1" VerticalAlignment="Center">
                    <TextBlock
                        FontSize="15"
                        Foreground="White"
                        Text="{Binding Path=ItemTitle}" />      
                </Border>
                <Canvas Height ="12" Width ="12" >
                  <Ellipse Name = "TheEllipse" Stroke="Black" Height ="12"                                  
                           Width ="12" Cursor="Hand" Canvas.Left="185" Canvas.Top="12">                          
                  </Ellipse>
                    <Ellipse.InputBindings>
                        <MouseBinding Gesture="LeftClick"
                                      Command="{Binding DataContext.LaunchFromXamlCommand , RelativeSource={RelativeSource AncestorType=ABC:AListBox}}"
                                      CommandParameter="{Binding}" />
                    </Ellipse.InputBindings>                      
                </Canvas> 
            </StackPanel>                   
        </DataTemplate>
  

И в MVVM в качестве нашего контекста данных мы имеем:

     public ICommand LaunchCommand { get; private set; }
    public DelegateCommand<object> LaunchFromXamlCommand { get; private set; }

    // Initialization on load:

    this.LaunchCommand = new DelegateCommand(this.LaunchRun);
    this.LaunchFromXamlCommand = new DelegateCommand<object>(this.LaunchFromXamlRun);


    //---------     
    private void LaunchFromXamlRun(object param)
    {
            TheListItem app = (TheListItem)param;   
    ...
    }   

    private void LaunchRun()
    { ... }
  

Здесь я использовал 2 разные команды LaunchCommand в качестве ICommand в дополнение к LaunchFromXamlCommand, которая вызывается через шаблон.

LaunchFromXamlRun Сработает нормально и так, как ожидалось. Но также, как можно догадаться, будут вызваны 2 события и 2 команды, которые я хочу опустить один и игнорировать общий обработчик событий ListBox при попадании в эту форму.

Что может быть лучшим решением для этого?

(Возможно, не так важно, просто для заметки) К вашему сведению: Приложение использует более ранние версии Prism (не думаю, что здесь это имеет значение) и имеет модульный код, все разделено в разных сборках, а код использует шаблон MVVM.

Хотелось бы, чтобы у нас было что-то подобное e.handled = true в механизме, который можно было бы использовать в данном сценарии.

Ваша проблема усугубляется наличием этого обработчика щелчка в вашем listbox. Я не знаю, как вы это делаете, но это не может быть просто щелчком. Вероятно, это предварительный просмотр. Потому что, конечно, listbox «съедает» наведение курсора мыши как часть выбора элемента.

Один из способов обойти это заключается в том, чтобы не использовать этот предварительный просмотр listbox. Здесь я помещаю содержимое своей строки внутри кнопки и привязываю команду кнопки. Конечно, это не похоже на кнопку.

Я превращаю круг в кнопку и придаю ему прозрачную заливку, чтобы вы могли нажимать на все это.

     <ListBox ItemsSource="{Binding People}">
        <ListBox.ItemContainerStyle>
            <Style TargetType="{x:Type ListBoxItem}">
                <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}"/>
            </Style>
        </ListBox.ItemContainerStyle>
        <ListBox.ItemTemplate>
            <DataTemplate>
                <Button  Command="{Binding DataContext.ItemClickCommand, RelativeSource={RelativeSource AncestorType={x:Type ListBox}}}"
                         CommandParameter="{Binding}"
                         >
                    <Button.Template>
                        <ControlTemplate>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="{Binding LastName}"/>
                                <Button Command="{Binding DataContext.EllipseCommand, RelativeSource={RelativeSource AncestorType={x:Type ListBox}}}"
                                >
                                    <Button.Template>
                                        <ControlTemplate>
                                            <Ellipse Name = "TheEllipse" Stroke="Black" 
                                         Fill="Transparent"
                                         Height ="12"                                  
                                         Width="12" Cursor="Hand">
                                            </Ellipse>
                                        </ControlTemplate>
                                    </Button.Template>
                                </Button>

                            </StackPanel>
                        </ControlTemplate>
                    </Button.Template>
                </Button>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>
  

Моя viewmodel использует relaycommands, но (очевидно) подойдет любая реализация ICommand. У меня были люди из последнего вопроса, над которым я немного поработал.

 public class MainWindowViewModel : BaseViewModel
{
    private RelayCommand ellipseCommand;
    public RelayCommand EllipseCommand
    {
        get
        {
            return ellipseCommand
            ?? (ellipseCommand = new RelayCommand(
              () =>
             {
                 Console.WriteLine("CIRCLE clicked");
             }
             ));
        }
    }
    private RelayCommand<Person> itemClickCommand;
    public RelayCommand<Person> ItemClickCommand
    {
        get
        {
            return itemClickCommand
            ?? (itemClickCommand = new RelayCommand<Person>(
              (person) =>
              {
                  Console.WriteLine($"You clicked {person.LastName}");
                  person.IsSelected = true;
              }
             ));
        }
    }
    private ObservableCollection<Person> people = new ObservableCollection<Person>();

    public ObservableCollection<Person> People
    {
        get { return people; }
        set { people = value; }
    }

    public ListCollectionView LCV { get; set; }
    public MainWindowViewModel()
    {
        People.Add(new Person { FirstName = "Chesney", LastName = "Brown" });
        People.Add(new Person { FirstName = "Gary", LastName = "Windass" });
        People.Add(new Person { FirstName = "Liz", LastName = "McDonald" });
        People.Add(new Person { FirstName = "Carla", LastName = "Connor" });
    }
}
  

Когда вы нажимаете эту внешнюю кнопку, она захватывает щелчок. Именно поэтому я устанавливаю IsSelected в команде, чтобы элемент, который вы нажимаете, выбирался через привязку.