如何将listview的多选绑定到viewmodel？

Question

我正在实现一个列表视图，以及它旁边的一个按钮。我必须能够，当我在列表视图中选择多个项目，然后单击按钮时，所选项目就会放入列表中。但我的问题是，如何将所选项目绑定到视图模型？ 我将选择模式更改为多个。但是，我是否只需要这样做：

SelectedItem={Binding path= selectedItems}

然后在我的视图模型中创建一个属性 selectedItems，它就会设置我选择的这些项目？或者执行此操作的正确解决方案是什么？

Answer 1

就像 Doctor 已经指出的那样，您可以将 SelectedItems 绑定到 XAML CommandParameter

和谷歌搜索，我终于找到了解决这个常见问题的简单方法。

要使其发挥作用，您必须遵循以下所有规则：

1. 遵循Ed Ball 的建议 '，在 XAML 命令数据绑定中，在 Command 属性之前定义 CommandParameter 属性。这是一个非常耗时的错误。

   

2. 确保您的 ICommand 的 CanExecute和执行方法有一个对象类型的参数。这样，您可以防止每当数据绑定 CommandParameter 类型与命令方法的参数类型不匹配时发生静默强制转换异常。

   private bool OnDeleteSelectedItemsCanExecute(object SelectedItems)
   {
       // 你的位置在这里
   }
   
   私有 bool OnDeleteSelectedItemsExecute(object SelectedItems)
   {
       // 你的位置在这里
   }
   

例如，您可以将列表视图/列表框的 SelectedItems 属性发送到您的 ICommand 方法或列表视图/列表框本身。太棒了，不是吗？

希望它可以防止有人花费我大量的时间来弄清楚如何接收 SelectedItems 作为 CanExecute 参数。

Answer 2

在 MVVM 中执行多重选择有点棘手，因为 SelectedItems 属性不是 Dependency Property。但是，您可以使用一些技巧。我发现这个博客文章三部曲详细描述了这个问题并提供了一些有用的解决方案。

• 第一部分
• 第二部分
• 第三部分

希望这有帮助

Answer 3

如果您已经使用 System.Windows.Interactivity 和 Microsoft.Expression.Interactions，这里有一个解决方法，无需任何其他代码/行为来搞乱。如果您需要这些，可以从此处下载

此解决方法利用上述组件中的交互事件触发和交互设置属性机制。

XAML 中的附加命名空间声明

xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"

XAML：

<ListView Name="MyListView" ItemsSource="{Binding ModelList}" DisplayMemberPath="Name"  Grid.Column="0">
  <i:Interaction.Triggers>
    <i:EventTrigger EventName="SelectionChanged">
      <ei:ChangePropertyAction TargetObject="{Binding Mode=OneWay}" PropertyName="SelectedItems" Value="{Binding Path=SelectedItems, ElementName=MyListView}"/>
    </i:EventTrigger>
  </i:Interaction.Triggers>
</ListView>

视图模型：

public class ModelListViewModel
{
  public ObservableCollection<Model> ModelList { get; set; }
  public ObservableCollection<Model> SelectedModels { get; set; }

  public ModelListViewModel() {
    ModelList = new ObservableCollection<Model>();
    SelectedModels = new ObservableCollection<Model>();
  }

  public System.Collections.IList SelectedItems {
    get {
      return SelectedModels;
    }
    set {
      SelectedModels.Clear();
      foreach (Model model in value) {
        SelectedModels.Add(model);
      }
    }
  }
}

在上面的示例中，只要 ListView 上的选择发生更改，您的 ViewModel 就会拾取所选项目。

Answer 4

您可以做的是在代码隐藏中处理 Button_Click(...) 。然后，在该代码隐藏方法中，您可以通过迭代 listView 的选定项目来创建选定项目的列表。

由于允许从 View 访问 ViewModel，因此您现在可以在 ViewModel 上调用方法并将所选项目的列表作为参数传递。

我不确定这是否也仅适用于绑定，但是使用代码隐藏也不是坏习惯。

示例代码：

public void Button_Click(object sender, EventArguments arg)
{
  List<ListViewItem> mySelectedItems = new List<ListViewItem>();

  foreach(ListViewItem item in myListView.SelectedItems)
  {
    mySelectedItems.Add(item);
  }

  ViewModel.SomeMethod(mySelectedItems);
}

编辑

这是一个极简示例，XAML：

<DataTemplate
            x:Key="CarTemplate"
            DataType="{x:Type Car}">
</DataTemplate>

<ListView x:Name="myListView"
          ItemsSource="{Binding Path=Cars}"
          ItemTemplate="{StaticResource CarTemplate}">
</ListView>

代码隐藏：

public void Button_Click(object sender, EventArguments arg)
    {
      List<Car> mySelectedItems = new List<Car>();

      foreach(Car item in myListView.SelectedItems)
      {
        mySelectedItems.Add(item);
      }

      ViewModel.SomeMethod(mySelectedItems);
    }

Answer 5

不幸的是，SelectedItems 是只读且不可绑定的属性。

我从这篇文章中找到了很多帮助 How to Databind to WPF 中的 SelectedItems 属性

Answer 6

如果您使用的是 Metro/WinRT，您可能需要查看 WinRTXXAMLToolkit，因为它提供了可绑定的 SelectedItems 依赖属性作为其扩展之一。

Answer 7

您无法绑定，但可以作为 CommandParameter 发送到 Command。

Answer 8

作为 Christian 帖子的细微变化，我使用 ListView.SelectionChanged 事件实现了类似的代码。我没有调用 ViewModel 上的方法，而是设置了一个名为 SelectedItems 的属性：

public void ListView_SelectionChanged( object s, SelectionChangedEventArgs e ) {
    List<Car> mySelectedItems = new List<Car>();

    foreach( Car item in myListView.SelectedItems )
        mySelectedItems.Add(item);

    ViewModel.SelectedItems = mySelectedItems;
}

这样，ViewModel.SelectedItems 可用于 ViewModel 中可能拥有的任何命令，并且它可用于数据绑定（如果你把它变成一个 ObservableCollection）。

Answer 9

我为此做了一个解决方案，对我来说这很简单。

<ListBox ItemsSource="{Binding ListOfModel}" x:Name="ModelList"
                                SelectedItem="{Binding SelectedModel, Mode=TwoWay}">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="SelectionChanged">
                                    <i:InvokeCommandAction Command="{Binding ExecuteListBoxSelectionChange}" CommandParameter="{Binding ElementName=ModelList}">
                                    </i:InvokeCommandAction>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </ListBox>

然后在视图模型中：

public ICommand ExecuteListBoxSelectionChange { get; private set; }
ExecuteListBoxSelectionChange = DelegatingCommand<ListBox>.For(ListBoxSelectionChnageEvent).AlwaysEnabled();

SelectedModels 是我想要填充选择的列表。

    private void ListBoxSelectionChnageEvent(ListBox modelListBox)
    {
        List<ModelInfo> tempModelInfo = new List<ModelInfo>();
         foreach(ModelInfo a in modelListBox.SelectedItems)
             tempModelInfo.Add(a);

         SelectedModels = tempModelInfo;
    }