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

时间:2018-09-18 23:05:10

标签: c# wpf xaml mvvm prism

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

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

具体地说,对于JSON,但这与我想的要点无关。作为参考,结果看起来像这样:

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

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

我相信这是可行的,但让VM与VM以及VM一起使用肯定感觉很脏……所以我想知道是否有更好/更容易/更清洁/“更多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
        }
    ]
}

1 个答案:

答案 0 :(得分:1)

  

但是拥有具有虚拟机和虚拟机的虚拟机肯定会很脏

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

此外,在除概念验证应用程序外的所有应用程序中,我都不要将原始数据存储在视图模型中。始终尝试将数据作为模型存储在某些服务中。视图模型的工作是汇总和处理视图数据。