使用MVVM在WPF Toolkit DataGrid中显示/编辑复杂对象

时间:2012-10-19 01:41:43

标签: c# wpf mvvm wpfdatagrid wpftoolkit

我有一组复杂模型,每个模型都包含一组接口实例到其他复杂模型,我需要显示这些父复杂模型和子复杂模型,允许编辑父复杂模型和子复杂模型的所有属性。

如何最好地显示此数据并允许单独编辑父对象和子对象的属性,以及通过选择多个单元格和上下文菜单单击(即更改相同的属性值)多个父母的儿童模特)?我还需要能够通过编辑机制(当前的DataGrid单元格)中的搜索来执行诸如将模型属性值设置为其他复杂模型实例的操作吗?

下面是类的一般示例,它近似于我在应用程序中使用的内容。

enum ChildType 
{ 
    One,
    Two,
    Three
}

class ComplexType
{
    public long ID { get; set; }
    public string Name { get; set; }

    public override string ToString()
    { 
        return Name;
    }
}        

class IChildModel
{
    ChildType Type { get; set; }
    string Name { get; set; }
}

class ChildModel1 : IChildModel
{
    public ChildType Type { get; set; }
    public string Name { get; set; }
    public string Property1 { get; set; }
    public decimal Property2 { get; set; }
    public ComplexType Property3 { get; set; }
}

class ChildModel2 : IChildModel
{
    public ChildType Type { get; set; }
    public long Property1 { get; set; }
    public string Property2 { get; set; }
}

class Parent
{
    public long ID { get; set; }
    public string Name { get; set; }
    public CustomObservableCollection<IChildModel> Children { get; set; }
}

class ViewModel
{
    public CustomObservableCollection<Parent> Parents { get; set; }
}

到目前为止,我已经使用DataGrid实现了应用程序,并使用反射动态生成View代码隐藏中的列。子复杂对象实例的列的绑定使用CustomObservableCollection&lt;&gt;上的下标。 (自定义集合允许通过通用值进行索引[在这种情况下为枚举ChildType])。特别是绑定使得难以在多个父子实例上的相同属性上正确设置值(通过列上的多选和上下文菜单单击以设置值)。再一次,我正在处理View中代码隐藏的这些大规模更改,使用反射绑定路径解析来设置属性值(感觉不对;讨厌这样做)。我希望能够在ViewModel上设置选定的子项,并将属性的属性名称和新值传递给ViewModel中的命令以进行更改。即使能够传递命令,子类型,属性和新值也会很好(我认为)。

我通过Google,stackoverflow,Code Project等进行的研究指出了我目前的解决方案,但我觉得我正在考虑这个问题并且应该有一个更好的MVVM方法。

修改

此应用程序的主要焦点是允许在视图中编辑多个父模型实例和子模型实例,用户可以在该视图中比较多个实例的值,并允许跨多个对象设置父或子属性的值。相同类型的相同值(即Parent1和Parent2都有一个ChildModel1,用户想要在两个父对象的Property3上设置Name,并将ChildModel1设置为&#34; X&#34;)。虽然,应用程序仍然必须允许对父对象和子对象的属性进行单独编辑(DataGrid似乎确实很好地满足了要求)。为了满足这些要求,我在视图中实现了动态列创建。下面是这个逻辑的通用示例。

private void DataGrid_TargetUpdated(object sender, DataTransferEventArgs e)
{
    var vm = DataContext as ViewModel;

    if (vm != null && vm.Parents != null) {
        List<ChildType> processedChildTypes = new List<ChildType>();

        foreach (var parent in vm.Parents) {
            for (int childIndex = 0; childIndex < parent.Children.Count; ++childIndex) {
                var child = vm.Children[childIndex];

                if (!processedChildTypes.Contains(child.Type)) {    // Ensure each child type is only processed once
                    processedChildTypes.Add(child.Type);
                    CreateChildPropertyColumns(processedChildTypes, child);
                }
        }
    }
}

private void CreateChildPropertyColumns(List<ChildType> processedChildTypes, IChildModel child)
{
    PropertyInfo[] childProperties = child.GetType().GetProperties(BindingFlags.Instance | BindingFlags.Public | BindingFlags.DeclaredOnly); // Only use properties declared on the child type
    Type childInterfaceType = typeof(IChildModel);

    foreach (PropertyInfo childProperty in childProperties) {   
        // Only create a column if the property is editable
        if (childProperty.CanWrite) {
            if (childInterfaceType.IsAssignableFrom(childProperty.PropertyType)) {
                var subChild = childProperty.GetValue(child, null) as IChildModel;

                if (subChild != null && !processedChildTypes.Contains(subChild.Type)) {
                    processedChildTypes.Add(subChild.Type);
                    CreateChildPropertyColumns(processedChildTypes, subChild);
                }
            }
            else
                dataGrid.Columns.Add(CreateChildPropertyColumn(child.Type, childProperty));
        }
    }
}

private DataGridColumn CreateChildPropertyColumn(ChildType childType, PropertyInfo propertyInfo)
{
    DataGridColumn column = null;
    var binding = new Binding(string.Format("Children[{0}].{1}", childType, propertyInfo.Name));

    /* Create column based on PropertyInfo here */
    /* Default case is a text column */
    column = new DataGridTextColumn() { Binding = binding };
    column.Header = propertyInfo.Name;

    return column;
}

1 个答案:

答案 0 :(得分:1)

我认为在这种情况下使用DataGrid并不是一个好主意。大多数情况下,用户很少会立即查看/修改 MULTIPLE ParentChildModel2ComplexType

您必须考虑用户如何查看/编辑数据并提出更简单的用户界面。例如,如果用户在大多数情况下查看/修改ParentChildModels并且很少查看/修改ComplexType,那么您可以将文本框编辑为父级,并DataGrid编辑其ChildModels

这样,您可以使用更简单的UI并且更容易编写代码。我认为编写保存多个Parent的代码要比这个示例复杂得多。