c# - 根据MVVM中的复选框列表选择启用WPF按钮

Question

我有一个复选框列表项和一个提交按钮。最初需要禁用“提交”按钮。该按钮需要通过选择单个复选框或多个选择来启用。我在XAML中添加了以下代码，后端代码需要使用MVVM的 View 模型。

XAML ..

<ListBox Grid.Row="1" BorderThickness="0" Background="Transparent" Name="list" ItemsSource="{Binding Items}" Margin="10 5 20 0" SelectionMode="Extended">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal">
                                <CheckBox Name="check" IsChecked="{Binding IsChecked, Mode=TwoWay}" Margin="5 5 0 10" VerticalAlignment="Center" />
                                <ContentPresenter Content="{Binding Value}" Margin="5 5 0 10"/>
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>

<Button Grid.Row="2" Click="Button_Click" HorizontalAlignment="Right" Height="25" Width="60" Margin="0,0,30,0" IsEnabled="{Binding Path=IsButtonEnabled}">                    <TextBlock>Submit</TextBlock> </Button>

那么使用OnPropertyChanged()的 View 模型实现将如何。

Answer 1

您需要注册 View 模型中每个项目的所有PropertyChanged事件并汇总结果。例如:

class ViewModel
{
    public ViewModel()
    {
        Items = new ObservableCollection<Item>();

        PropertyChangedEventHandler propertyChangedHandler = (o, e) =>
        {
            if (e.PropertyName == nameof(Item.IsChecked))
                OnPropertyChanged(nameof(IsButtonEnabled));
        };

        Items.CollectionChanged += (o, e) =>
        {
            if (e.OldItems != null)
                foreach (var item in e.OldItems.OfType<INotifyPropertyChanged>())
                    item.PropertyChanged -= propertyChangedHandler;
            if (e.NewItems != null)
                foreach (var item in e.NewItems.OfType<INotifyPropertyChanged>())
                    item.PropertyChanged += propertyChangedHandler;
        };
    }

    public ObservableCollection<Item> Items { get; }

    public bool IsButtonEnabled => Items.Any(i => i.IsChecked);
}

要考虑的另一个选项是使用 ReactiveUI。