C# WPF反序列化JSON后XAML数据绑定不生效问题咨询

核心问题点 #

• XAML语法错误：你在XAML节点后用#写注释是非法的，XAML基于XML语法，仅支持<!-- 注释 -->格式的注释，如果那段# This seems to point to a Class definition...的内容实际存在于你的XAML文件中，会直接导致XAML解析异常，绑定逻辑无法正常执行。
• DataContext重复赋值冲突：你在XAML和后台代码中两次设置DataContext：
  1. XAML中<local:JsonClass/>会在InitializeComponent()执行时，自动new一个所有属性为默认值的空JsonClass实例作为初始DataContext，这也是XAML智能提示能识别到类属性的原因——设计器已经读取到了DataContext的类型声明。
  2. 后台DataContext = jsonClass;本身逻辑是对的，作用是将反序列化得到的带JSON数据的实例赋值给DataContext，正常会覆盖XAML设置的空实例，但如果XAML存在解析错误、或者数据类未实现属性变更通知，就会出现绑定始终读取初始空实例、看不到实际数据的问题。
     注意：动态加载的运行时数据不需要在XAML中提前声明<Window.DataContext>节点，这个节点仅适合绑定静态、设计时就确定的实例。

修复步骤 #

1. 删除XAML中整段<Window.DataContext>节点及非法注释。如果需要保留设计时智能提示，在Window根节点添加d:DataContext="{d:DesignInstance Type=local:JsonClass, IsDesignTimeCreatable=True}"，该配置仅在VS设计器中生效，不会影响运行时逻辑。
2. 给JsonClass实现INotifyPropertyChanged接口，这是WPF绑定响应数据变更的标准要求，即使是一次性赋值对象，实现该接口也能避免很多隐性绑定问题。
3. 在DataContext = jsonClass;行加断点调试，确认反序列化得到的实例属性值符合预期，排除JSON反序列化失败的情况。

修复后代码 #

C#后台代码 #

using Newtonsoft.Json;
using System;
using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Windows;

namespace WpfApp1
{
    public partial class Window7 : Window
    {
        public Window7()
        {
            InitializeComponent();
            string jsonString = @"{
                        'Name' : 'Apple',  
                        'ExpiryDate' : '2018-01-02',
                        'Price' : 3.99
                        }";

            try
            {
                JsonClass jsonClass = JsonConvert.DeserializeObject<JsonClass>(jsonString);
                // 将反序列化得到的带数据实例设为窗口绑定上下文，所有子控件会自动继承该上下文
                DataContext = jsonClass;
            }
            catch (Exception ex)
            {
                MessageBox.Show(ex.Message);
            }
        }
    }

    public class JsonClass : INotifyPropertyChanged
    {
        private string _name;
        private DateTime _expiryDate;
        private decimal _price;

        public string Name
        {
            get => _name;
            set { _name = value; OnPropertyChanged(); }
        }

        public DateTime ExpiryDate
        {
            get => _expiryDate;
            set { _expiryDate = value; OnPropertyChanged(); }
        }

        public decimal Price
        {
            get => _price;
            set { _price = value; OnPropertyChanged(); }
        }

        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

XAML代码 #

<Window x:Class="WpfApp1.Window7"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        d:DataContext="{d:DesignInstance Type=local:JsonClass, IsDesignTimeCreatable=True}"
        Title="Window7" Height="300" Width="300">
        
    <Grid>
        <TextBox Text="{Binding Path=Name}" VerticalAlignment="Top" Margin="10"/>
    </Grid>
</Window>

原理补充 #

WPF的DataContext遵循可视化树向下继承规则：窗口设置DataContext后，内部所有未单独指定DataContext的子控件（Grid、TextBox等）都会自动继承这个上下文对象。你写的{Binding Path=Name}就是从当前继承到的DataContext中读取Name属性值，渲染到UI上。

内容的提问来源于stack exchange，提问作者Matthew McDonald