Question

我可能只是遗漏了一些明显的东西，所以如果这是一个非常愚蠢的问题我会道歉。我在视图中有一个WrapPanel，我需要绑定到ViewModel上的ObservableCollection。此ObservableCollection包含一种不同类型的ViewModel，当在WrapPanel中显示时，需要将其绑定到另一种类型的视图。目标是创建一个可包装的项目列表，每个项目都通过一个较小的视图实例显示，该视图应该添加到WrapPanel。

我正在使用MVVM，而ViewModel无法直接访问View。如果可能的话，我宁愿不在ViewModel和View之间创建绑定，因此手动将项添加到WrapPanel.Children集合不是一个可行的选择。我不知道如何将一个子ViewModel对象的集合绑定到WrapPanel，以便创建另一个视图的实例并将它们添加到自身。我只是错误地解决了这个问题吗？我认为可能涉及到DataTemplate，但看起来WrapPanel没有DataTemplate，也没有绑定。

感谢您的任何见解。

Answer 1

您需要的是一个ListView，它使用WrapPanel来托管所有项目。

<ListView ItemsSource={...}>
   <ListView.ItemsPanel>
     <ItemsPanelTemplate>
       <WrapPanel IsItemsHost="True" />
     </ItemsPanelTemplate>
   </ListView.ItemsPanel>
   <ListView.ItemTemplate>
      <DataTemplate>
        <!-- Fill in how you want each item to look here -->
      </DataTemplate>
   </ListView.ItemTemplate>
</ListView>

Answer 2

使用ItemsControl，并将其ItemsPanel设置为WrapPanel：

<ItemsControl ItemsSource="{Binding Something}" ItemTemplate="{StaticResource YourDataTemplate}">
  <ItemsControl.ItemsPanel>
    <ItemsPanelTemplate>
      <WrapPanel />
    </ItemsPanelTemplate>
  </ItemsControl.ItemsPanel>
</ItemsControl>

将ObservableCollection项绑定到WrapPanel中的UserControl？

2 个答案: