WPF/MVVM - 子控件的绑定(bind)集合

Question

他的 WPF/MVVM 大师的一些建议，请。

我来自 Windows 窗体背景，我正在将个人项目从 VB.NET 移植到 WPF。我从直接重写代码隐藏文件中的逻辑开始，尽管使用了离散的数据访问层。但是后来我发现了 MVVM，并且我“做错了”，应该将逻辑抽象为查看模型访问数据模型。我想我已经吸收了新的范例，我的文件背后的代码现在(几乎)是空的。

(顺便说一句，我认同 MVVM 背后的基本原理，但我不确定“更容易测试和调试”的论点，因为路由事件和命令等的所有“管道”，我很欣赏这种需要，但它在我看来，有时会模糊而不是澄清正在发生的事情。但我是一个非常新手，也许它会随着练习而来。)

无论如何 - 这就是让我摸不着头脑的原因；该应用程序是水肺潜水中心的潜水计划/记录工具。从逻辑上讲，它就像一个日历或日记应用程序，需要记录每次潜水的时间和地点以及每次潜水的人员。主屏幕类似于日记的一页，我有一个封装潜水信息的用户控件。更改所选日期时，日记页面将被清除并重新填充新所选日期的潜水。 View 模型检索并公开新日期的“潜水”对象(类)列表。该容器是一个 Stackpanel，我想清除其子项，然后创建新的 Dive 用户控件并将其添加到子控件集合中。

我的问题是 - 执行此操作的合适位置在哪里 - 查看后面的代码或查看模型？前者相对容易，但在我看来打破了这种模式，但我对如何在 View 模型中实现它感到困惑。顺序必须是

用户选择新日期(日历控件)

处理选定的日期更改事件

清除 Stackpanel 子控件

从 db 中检索新日期的潜水列表并为每个

生成一个用户控件

将用户控件添加为堆栈面板子控件。

我想我要问的是 - 有没有办法将子控件的集合绑定(bind)到 View 模型中的对象集合，使其动态响应 - 这是一种明智的方法吗？

Answer 1

执行此操作的适当方法是将您的 StackPanel 包装起来。在 ItemsControl并绑定(bind)ItemsSource给您的Dives所选日期。当您的 DivesOfThatDay更改(确保实现 INotifyChanged 或 DependencyProperty，或使用 ObservableCollection)，每个条目都将自动生成。

<ItemsControl ItemsSource="{Binding DivesOfThatDay}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Vertical"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate DataType="{x:Type Dive}">
            <!-- Your Template -->
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

在 MVVM 中，您应该始终避免在代码隐藏中生成控件。您的 View 应该从您的 ViewModel 中获取数据并自行完成 - 否则 MVVM 将毫无用处。在您的情况下，它应该像这样工作:

用户在 中选择一个新日期查看

因为 中的日期控件查看 绑定(bind)到您的 中的某些属性 View 模型 ，该属性得到更新。

View 模型 通过清除其当前的潜水集合并获取新的潜水来对这一变化使用react。

型号数据(来自数据库)被封装在 中 View 模型 (一个 Dive )并添加到 中的潜水集合中 View 模型

查看 ( ItemsControl ) 收到有关此更改的通知(通过 INotifyPropertyChanged 、INotifyCollectionChanged 或其他方式)并告知其 ItemContainerGenerator更新控件。

ItemsContainerGenerator 生成 查看 对于每个 Dive在您的 View 模型 并将其添加到堆栈面板。

或者简而言之 V → VM → M → VM → V