重新配置为MVVM后WPF Treeview不更新

Question

我创建了一个应用程序，用于加载格式特殊的XML文件并通过WPF GUI编辑其字段。 但是，由于是C＃的新手，所以我在编写MVVM模式时并不了解它，因此我采取了快速而又肮脏的方法，即仅对后面的代码进行编码。 但是，在重新构建后，我似乎无法再更新树状视图（以前正在工作的）。

这是相关的XAML：

<UserControl x:Class="TableBuilder.Views.XmlView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:views="clr-namespace:TableBuilder.Views"
             xmlns:viewmodels="clr-namespace:TableBuilder.ViewModels"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <UserControl.DataContext>
        <viewmodels:XmlViewModel />
    </UserControl.DataContext>
    <DockPanel>
        <TreeView x:Name="XmlTree" SelectedItemChanged="XmlView_SelectedItemChanged">
            <TreeView.Resources>
                <Style TargetType="{x:Type TreeViewItem}">
                    <Setter Property="HeaderTemplate">
                        <Setter.Value>
                            <DataTemplate>
                                <StackPanel Orientation="Horizontal">
                                    <Image Width="20" Margin="2" Source="../Images/Red_Bullet.png" />
                                    <TextBlock VerticalAlignment="Center" Text="{Binding}" />
                                </StackPanel>
                            </DataTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </TreeView.Resources>
        </TreeView>
    </DockPanel>
</UserControl>

下面是代码：

using System;
using System.Windows;
using System.Windows.Controls;
using TableBuilder.Helpers;

namespace TableBuilder.Views
{
    /// <summary>
    /// Interaction logic for XmlView.xaml
    /// </summary>
    public partial class XmlView : UserControl
    {
        RelayCommand selectedItemChanged { get; set; }
        public XmlView()
        {
            InitializeComponent();
        }

        private void XmlView_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e)
        {
            //((MainViewModel)this.DataContext).SelectedItemChangedCommand = (RelayCommand)sender;
            Console.WriteLine("XmlView selected item changed event triggered");
        }
    }
}

这是视图模型：

using System;
using System.Collections.Generic;
using System.Windows.Controls;
using System.Xml;
using TableBuilder.Helpers;
using TableBuilder.Models;

namespace TableBuilder.ViewModels
{
    class XmlViewModel : ViewModelBase
    {
        private TreeView _xmlTree;
        public TreeView XmlTree
        {
            get { return _xmlTree; }
            set
            {
                _xmlTree = value;
                OnPropertyChanged("XmlTree");
            }
        }

        public XmlViewModel()
        {
            xmlModel = new XmlModel();

            TreeView XmlTree = new TreeView();
            TreeViewItem node = new TreeViewItem();
            node.Header = "Test";
            XmlTree.Items.Add(node);

            xmlModel.PropertyChanged += XmlModel_CurrentChanged;
        }

        private void XmlModel_CurrentChanged(object sender, EventArgs e)
        {
            TreeViewItem xmlTreeItems = GetTreeViewItems();
            TreeView XmlTree = new TreeView();
            XmlTree.Items.Add(xmlTreeItems);

        }

        private TreeViewItem GetTreeViewItems()
        {
            // Find the filename of the XML document
            Uri uri = new Uri(xmlModel.XmlDoc.BaseURI);
            string filename = "";
            if (uri.IsFile)
            {
                filename = System.IO.Path.GetFileName(uri.LocalPath);
            }

            // Populate the TreeView
            TreeViewItem TitleNode = new TreeViewItem()
            {
                Header = filename,
                Tag = "Title Node",
            };
            PopulateTree(TitleNode, xmlModel.XmlDoc.ChildNodes);
            return TitleNode;
        }

        private void PopulateTree(TreeViewItem parent, XmlNodeList nodes)
        {
            TreeViewItem item;
            Dictionary<string, string> dict;
            bool isSmallestChild;
            foreach (XmlNode node in nodes)
            {

                // Ignore all comments in the XML document
                if (!node.Name.Contains("#comment"))
                {
                    // Add to TreeView
                    item = toTreeViewItem(node);

                    isSmallestChild = false;
                    dict = new Dictionary<string, string>();
                    foreach (XmlNode child in node.ChildNodes)
                    {
                        if (child.Name.Contains("type") ||
                            child.Name.Contains("value") ||
                            child.Name.Contains("units"))
                        {
                            isSmallestChild = true;
                        }
                        if (isSmallestChild)
                        {
                            dict.Add(child.Name, child.InnerText);
                        }
                    }
                    if (!isSmallestChild)
                    {
                        PopulateTree(item, node.ChildNodes);
                    }
                    else
                    {
                        item.Tag = dict;
                    }
                    parent.Items.Add(item);
                }
            }
        }

        private TreeViewItem toTreeViewItem(XmlNode node)
        {
            TreeViewItem item = new TreeViewItem()
            {
                Header = node.Name.Contains("#") ? node.InnerText : node.Name,
            };
            return item;
        }
    }
}

这是模型：

using System.Xml;
using TableBuilder.Helpers;

namespace TableBuilder.Models
{
    public class XmlModel : ModelBase
    {
        private XmlDocument _xmlDoc;
        public XmlDocument XmlDoc
        {
            get { return _xmlDoc; }
            set
            {
                _xmlDoc = value;
                OnPropertyChanged("XmlDoc");
            }
        }

        public XmlModel()
        {
            XmlDoc = new XmlDocument();
        }
    }
}

这是viewmodel基类：

using System.ComponentModel;
using TableBuilder.Models;

namespace TableBuilder.Helpers
{
    public class ViewModelBase : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;
        static protected RedModel redModel { get; set; }
        static protected XmlModel xmlModel { get; set; }
        static protected MainModel mainModel { get; set; }

        protected void OnPropertyChanged(string propertyName)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

最后，这是模型基类：

using System.ComponentModel;

namespace TableBuilder.Helpers
{
    public class ModelBase : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        protected void OnPropertyChanged(string propertyName)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

我知道代码中有很多草率的做法。 这是我的第一个C＃/ WPF应用程序。 为了帮助限制此问题的范围，我只想知道为什么不能从我的视图模型设置树视图数据。 我曾尝试在Google周围闲逛，但没有成功。 我应该注意，我能够用文本框替换树视图，并从视图模型中将数据设置为文本框，而不会出现问题。

Answer 1

有关解决方案，请参见上面的注释部分。 elgonzo指出了在重新架构过程中发生的主要架构问题：视图模型不直接与UI元素交互，它们与XAML中绑定到UI元素的数据交互。

另一个遗漏的部分是由于我在主视图模型中再次实例化了视图模型以创建适当的外观，但是，这破坏了子窗口的数据上下文，这意味着我只能在构造函数中操作数据。 解决方案是在更改UI方面而不是视图模型时实例化VIEWS。 这样做可以保留数据上下文。

编辑：我的XmlPane没有发送正在更新的通知。 实例化视图模型上的视图是这样做的结果，而不是我上面提到的结果。