WPF 中的事件触发器

Question

我想从通过 InvokeCommandAction 选择 Checkbox 的 Listbox 中获取 SelectedItems 并将它们存储在 obsevableCollection SelectedItems 中，但我没有让 SelectedItemChangedCommand 正常工作（断点未命中）并且不确定如何填充SelectedItems 集合中的项目。我尝试了以下操作，希望一旦选中或取消选中复选框，就会调用 SelectedItemChangedCommand 并且我可以调用一个方法来填充 SelectedItems

请注意，我正在寻找一种无需任何代码即可实现此目的的方法。

 <ListBox Margin="45,7,0,0" VerticalAlignment="Top" Grid.Column="1" Grid.Row="0" Grid.RowSpan="2"
         ItemsSource="{Binding ListItems}"
         SelectionMode="Multiple" Height="146">
    <ListBox.Resources>
        <Style TargetType="ListBoxItem">
            <Setter Property="OverridesDefaultStyle" Value="true" />
            <Setter Property="SnapsToDevicePixels" Value="true" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBoxItem">
                        <CheckBox Margin="5,2"
                                  IsChecked="{TemplateBinding IsSelected}">
                            <ContentPresenter />
                        </CheckBox>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ListBox.Resources>
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="SelectionChanged">
            <i:InvokeCommandAction Command="{Binding SelectedItemChangedCommand}"  CommandParameter="{Binding ElementName=myListBox, Path=SelectedItem}"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
</ListBox>

更新的 Xaml 文件

<Window x:Class="stack.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:stack"
        xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.DataContext>
        <local:MainViewModel/>
    </Window.DataContext>
    <Grid>
        <ListBox x:Name="myListBox" Margin="45,7,0,0" VerticalAlignment="Top" 

                 ItemsSource="{Binding ListItems}"
                 SelectionMode="Multiple" Height="146">
            <ListBox.Resources>
            <Style TargetType="ListBoxItem">
                <Setter Property="OverridesDefaultStyle" Value="true" />
                <Setter Property="SnapsToDevicePixels" Value="true" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ListBoxItem">
                            <CheckBox 
                                Margin="5,2" 
                                IsChecked="{Binding IsSelected, RelativeSource={RelativeSource TemplatedParent}}" 
                            >
                                <ContentPresenter />
                            </CheckBox>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </ListBox.Resources>
        <i:Interaction.Triggers>
            <i:EventTrigger EventName="SelectionChanged">
                <i:InvokeCommandAction Command="{Binding SelectedItemChangedCommand}"  
                                       CommandParameter="{Binding ElementName=myListBox, Path=SelectedItem}"/>
            </i:EventTrigger>
        </i:Interaction.Triggers>
        </ListBox>
    </Grid>
</Window>

我将列表框绑定到在视图模型中定义的 observableCollection ListItems

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Input;

namespace stack
{


    public class MainViewModel : INotifyPropertyChanged
    {
        public ObservableCollection<string> ListItems { get; set; }
        public ObservableCollection<string> SelectedListItems { get; set; }

        public RelayCommand SelectedItemChangedCommand { get; set; }

        public string _selectedItem;
        public string SelectedItem
        {
            get => _selectedItem;
            set
            {
                _selectedItem = value;
                OnPropertyChanged("SelectedItem");
            }
        }

        public bool _isSelected;
        public bool IsSelected
        {
            get => _isSelected;
            set
            {
                _isSelected = value;
                OnPropertyChanged("IsSelected");
            }
        }

        public MainViewModel()
        {
            ListItems = new ObservableCollection<string>();
            ListItems.Add("One");
            ListItems.Add("Two");
            ListItems.Add("three");
            ListItems.Add("Four");
            ListItems.Add("Five");
            SelectedItemChangedCommand = new RelayCommand(this.ExecuteItemChanged);
        }

        public void ExecuteItemChanged(object parameter)
        {
            if (IsSelected)
            {
                SelectedListItems.Add(SelectedItem);
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

        protected virtual void OnPropertyChanged(string propertyName)
        {
            PropertyChangedEventHandler _propertyChangedEventHandler = PropertyChanged;
            _propertyChangedEventHandler?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

Answer 1

TemplateBinding 很便宜，但它不做双向绑定。因此，项目没有被选中。您需要使用 RelativeSource 或 TemplatedParent 的常规绑定：

<CheckBox 
    Margin="5,2" 
    IsChecked="{Binding IsSelected, RelativeSource={RelativeSource TemplatedParent}}" 
    >

请注意，您将CheckBox.IsChecked 绑定到ListBoxItem.IsSelected。模板化的父级是 ListBoxItem，而不是您的主视图模型。

其次，您想将 SelectedItems 复数属性传递给您的命令。 SelectedItem 是单数。这只是一项。 It'll be the topmost selected item when many are selected.您的列表框上有 SelectionMode="Multiple"，所以我假设您想要完整的选择。

<i:InvokeCommandAction 
    Command="{Binding SelectedItemChangedCommand}" 
    CommandParameter="{Binding ElementName=myListBox, Path=SelectedItems}"
    />

并确保 ListBox 上有 x:Name="myListBox"：CommandParameter 绑定需要它来查找 SelectedItems。

最后：ExecuteItemChanged() 非常糟糕。您的主要视图模型属性 IsSelected 和 SelectedItem 没有绑定到任何东西。它们总是假的和空的。每次选择更改时，执行命令并将第一个选定项作为parameter传递，然后忽略它并查看false是否仍然是false，即这是。如果不是，您的 viewmodel 的 SelectedItem 属性仍将为空，因为您也从未更新过它。

Here's what you want to do: When the selection changes, pass the entire collection of currently selected items into your command.用控件的当前状态替换视图模型的当前选定项目的整个集合。您必须，必须，必须将 SelectedItems 绑定为上面的 CommandParameter。

去掉视图模型上的SelectedItem 和IsSelected，它们没有任何作用。

如果可能的话，永远不要从事维护两个列表并试图使它们保持同步的业务。它总是一团糟。在这种情况下，您不需要这样做。

public void ExecuteItemChanged(object parameter)
{
    //  ListBox.SelectedItems is System.Windows.Controls.SelectedItemCollection,
    //  a precambrian monster that's declared internal in PresentationFramework.dll. 
    //  However, it does implement non-generic IList, so cast it to that. 
    if (parameter is System.Collections.IList selectedItems)
    {
        if (SelectedListItems == null)
        {
            SelectedListItems = new ObservableCollection<String>();
        }

        SelectedListItems.Clear();

        foreach (string item in selectedItems)
        {
            SelectedListItems.Add(item);
        }
    }
}