将 ListBox 中的选定项目传递到视图模型并删除它们？答案

【问题标题】：Pass Selected Items from ListBox into viewmodel and delete them?将 ListBox 中的选定项目传递到视图模型并删除它们？
【发布时间】：2020-01-25 07:24:46
【问题描述】：

在我的代码中，我有一个列表框，我在其中选择带有复选框的项目，问题是如何将这些项目传递给 viewmodel 并从列表框中删除它们

这是我的带有列表框的 Xaml 代码

    </Border>
    <Border BorderThickness="1" BorderBrush="{DynamicResource ColumnHeaderBorder}" CornerRadius="7" Grid.Column="2" Grid.RowSpan="2" Grid.Row="0"/>
    <ListBox Grid.Row="0" Grid.Column="2" Foreground="#FFFFFF" Background="Transparent" BorderThickness="0"  Grid.RowSpan="2" ScrollViewer.HorizontalScrollBarVisibility="Disabled"
             ScrollViewer.VerticalScrollBarVisibility="Visible" ItemsSource="{Binding TechTabList}"  Margin="5"
            BorderBrush="{x:Null}" SelectionMode="Multiple" x:Name="TechListBox">
        <ListBox.ItemContainerStyle>
            <Style TargetType="{x:Type ListBoxItem}">
                <Setter Property="Focusable" Value="False"/>
            </Style>
        </ListBox.ItemContainerStyle>
        <ListBox.ItemTemplate>
            <DataTemplate>
                <Grid Height="50" Width="auto">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="800"/>
                        <ColumnDefinition Width="170"/>
                    </Grid.ColumnDefinitions>
                    <Border Grid.ColumnSpan="3" BorderThickness="0,0,0,1" Margin="0,0,0,-1" BorderBrush="{DynamicResource NeonColor}" Opacity="1"/>
                    <StackPanel x:Name="StackPanel" Orientation="Horizontal" Grid.Column="0" >
                        <Viewbox Height="40" HorizontalAlignment="Center" VerticalAlignment="Center">
                            <CheckBox  Style="{StaticResource CheckBox}" Margin="0,0,3,0" IsChecked="{Binding RelativeSource={RelativeSource AncestorType={x:Type ListBoxItem}},Path=IsSelected}"/>
                        </Viewbox>
                        <TextBlock Text="{Binding Name}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                    </StackPanel>

这是我的带有命令的视图模型，我需要在其中删除选定的项目

   ArchiveTable = new RelayCommand(_ArchiveTable);   
    }

    private void _ArchiveTable()
    {
        //Here foreach on selecteditems but how to pass them here 


    }

【问题讨论】：

如果您从 TechTabList 中删除它们，它们将从 ListBox 中删除
将CheckBox.IsChecked绑定到TechTabList内的项目属性（称为IsChecked），然后在viewmodel中你可以使用linq TechTabLists.Where(item => item.IsChecked)获取所有选中的项目。
您的RelayCommand 需要期待Action<object> 然后，在您的命令绑定中，您会将所选项目作为CommandParameter 传递。像<Button Content="Archive this table" Command="{Binding ArchiveTable}" CommandParameter="{Binding ElementName=TechListBox, Path=SelectedItems}"/> 这样的东西。在使用 Selected Items 时有一个问题，当用户选择一个项目时，SelectedItems 被填充（如果绑定），当用户选择多个时，SelectedItems 被填充，请记住这一点。
@XAMlMAX 之后我可以在这些元素上使用 foreach 来删除它们吗？
是的，您将拥有ListBox 认为选定的项目。然后，您可以将它们从基础集合中删除，在您的情况下为 TechTabList。不过，请确保您的 Collection 通知其项目的更改，为此使用 ObservableCollection。

标签： c# .net wpf mvvm

【解决方案1】：

ListBox 有一个属性 SelectedItems。将其绑定为视图模型中的所有其他属性。 documentation

然后您需要从绑定列表中删除项目，并刷新 UI。我会通过 ObservableColletion 作为 ListView 的源来做到这一点。 Similar problem，我喜欢关于使用 INotifyCollectionChanged 的答案

【讨论】：

SelectedItems 是一个ReadOnly 属性，您不能绑定到它。如果您使用ObservableCollection，则无需手动更新UI，这就是ObservableCollection 的用途。
" 无需手动更新 UI" 看起来我没有写清楚:) 我明白你的意思，ObservableCollectio 是一个解决方案

【解决方案2】：

因为SelectedItems 是ReadOnly 属性，所以不能直接绑定到它。
为了从列表中删除这些项目，必须使用不同类型的RelayCommand。像这样：

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

    public RelayCommand(Action<object> execute)
    {
        _execute = execute;
        _canExecute = (o) => true;
    }

    public RelayCommand(Action<object> execute, Predicate<object> canExecute)
    {
        _execute = execute;
        _canExecute = canExecute;
    }

    #region Implementation of ICommand

    public bool CanExecute(object parameter)
    {
        return _canExecute.Invoke(parameter);
    }

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

    public event EventHandler CanExecuteChanged;

    public void RaiseCanExecuteChanged()
    {
        CanExecuteChanged?.Invoke(this, EventArgs.Empty);
    }

    #endregion
}

一旦你有了它，你就可以使用CommandParamater 进行绑定。像这样：

<ListBox x:Name="TechTabList" ... />
<Button Content="Delete Selected Items" Command="{Binding ArchiveTable}" CommandParamater="{Binding ElementName=TechLabList, Path=SelectedItems}"/>

现在在你的命令实现中：

private void _ArchiveTable(object parameter)
{
    var items = (parameter as IList).Cast<YourTypeHere>();
    //now you can remove those from the collection
    foreach(...)
}

【讨论】：