从嵌套用户控件 (MVVM) 导出数据

Question

我正在寻找一种更好的方法来从模型中获取数据以进行导出。下面我概述了我目前的策略是什么，但我觉得有更好的策略。

假设我有一个控件 NestingView，它带有一个文本框、按钮和项控件。该按钮将新的 NestingView 添加到 ItemsControl。我的目标是能够导出包括嵌套路径在内的数据。

具体来说，对于 JSON，但我认为这无关紧要。不过，作为参考，结果如下所示：

{
    "Text": "",
    "Children": []
}

目前我想出嵌套控件的方法是让 NestingViewModel 包含项目控件使用的 ObservableCollection。那么，保存将是遍历集合中的集合...等的问题。

我相信，这可行，但是虚拟机和虚拟机之间的虚拟机肯定感觉很脏......所以我想知道是否有更好/更容易/更清洁/“更多 MVVM”的方法来做它。

为简洁起见，我在此示例中没有使用模型，但假设它会存在并且包含最终用于导出的经过验证的数据。另外，请注意我使用的是 Prism。

NestingViewModel.cs

public class NestingViewModel : BindableBase
{
    /// <summary>
    /// Initializes a new instance of NestingViewModel
    /// </summary>
    public NestingViewModel()
    {
        NestingViewModels = new ObservableCollection<NestingViewModel>();
        NewNestingView = new DelegateCommand(AddNestingViewModel);
    }

    public ObservableCollection<NestingViewModel> NestingViewModels { get; }

    private String _TextBody;

    /// <summary>
    /// Gets and sets the text body
    /// </summary>
    public String TextBody
    {
        get => _TextBody;
        set => SetProperty(ref _TextBody, value);
    }

    public ICommand NewNestingView { get; }

    /// <summary>
    /// Adds a new NestingViewModel to the collection
    /// </summary>
    private void AddNestingViewModel()
    {
        NestingViewModels.Add(new NestingViewModel());
    }
}

NestingView.xaml

<Border BorderBrush="WhiteSmoke" BorderThickness="5">
<StackPanel Margin="5">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="6*"/>
            <ColumnDefinition Width="4*"/>
            <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>
        <TextBox Grid.Column="0" Text="{Binding TextBody}"/>
        <Button Grid.Column="2" Content="New" Command="{Binding NewNestingView}"/>
    </Grid>
    <ItemsControl Margin="20 5 0 0" ItemsSource="{Binding NestingViewModels}">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <local:NestingView/>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
    </StackPanel>
</Border>

Example

因此，在该示例中，JSON 如下所示：

{
    "Text": "Parent",
    "Children": [
        {
            "Text": "ChildA",
            "Children": null
        },
        {
            "Text": "ChildB",
            "Children": [
                {
                    "Text": "ChildB's ChildA",
                    "Children": null
                },
                {
                    "Text": "ChildB's ChildB",
                    "Children": null
                }
            ]
        },
        {
            "Text": "ChildA",
            "Children": null
        }
    ]
}

Answer 1

但是虚拟机和虚拟机之间肯定会让人觉得很脏

一点也不，这是世界上最正常的事情。我宁愿说没有孩子的视图模型是不寻常的，除非你有一个非常简单的类似向导的应用程序。

此外，在除概念验证应用程序之外的所有应用程序中，我都会避免将原始数据存储在视图模型中。始终尝试将数据作为模型存储在某些服务中。视图模型的工作是为视图聚合和处理数据。