DevExpress MVVM:自定义接口

Question

我正在寻找一种方法，如果没有mvvm，我会做一些简单的事情，但是我正在使用这个模式，所以.

我有一个网格控件，在其中加载一组记录。然后，当用户单击时，我填充了一个propertyGridControl，它可以工作，但是结果是.所以..。丑陋！！

​

​

我对我想要的结果做了一个形象：

​

​

在第二个图像中，如您所见，用户可以编辑数据，并将字段分组在小区域中。

从第一张图片到第二张图片，尊重mvvm模式，哪种方法是最好的？用户界面？模板？不然呢？有什么有用的例子吗？

Answer 1

这里是我加载自定义propertyGrid的控件。它有元素DockSite(actipro元素)，其中我绑定自定义propertyGrid：

<docking:DockSite viewModels:DockSiteViewModelBehavior.IsManaged="true" CanDocumentWindowsRaft="True" ItemContainerRetentionMode="Wrapped"
                      DocumentItemsSource="{Binding DocumentItems}"
                      ToolItemsSource="{Binding ToolItems}"/>

在viewModel (构造函数中)中，我只是添加了我的propertyGrid：

_toolItems.Add(new PropertyGridToolWindow
                         {
                             Title = "Properties",
                             ViewModel = {DefaultDock = Dock.Right, DockGroup = "2", IsInitiallyAutoHidden = true}
                         });

_toolItems是：

private readonly ObservableCollection<PropertyGridToolWindow> _toolItems = new ObservableCollection<PropertyGridToolWindow>();