WinUI 3中如何将ContentDialog的DataContext绑定到自身属性

我之前做WinUI 3项目时也踩过几乎一模一样的坑，你的问题核心在于设计时用的d:DataContext只是给IntelliSense做提示用的，运行时并没有真正把ContentDialog自身设为数据源，再加上如果OurModel没实现属性变更通知，双向绑定的同步逻辑也会失效。下面给你一套亲测有效的完整解决方案：

第一步：确保OurModel实现INotifyPropertyChanged #

双向绑定的核心前提是数据源能主动通知UI属性变化，所以你的OurModel必须实现这个接口：

using Microsoft.UI.Xaml;
using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Collections.Generic;

public class OurModel : INotifyPropertyChanged
{
    private string _name;
    private string _email;

    public string Name
    {
        get => _name;
        set => SetField(ref _name, value);
    }

    public string Email
    {
        get => _email;
        set => SetField(ref _email, value);
    }

    public event PropertyChangedEventHandler PropertyChanged;

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

    protected bool SetField<T>(ref T field, T value, [CallerMemberName] string propertyName = null)
    {
        if (EqualityComparer<T>.Default.Equals(field, value)) return false;
        field = value;
        OnPropertyChanged(propertyName);
        return true;
    }
}

第二步：自定义ContentDialog的Code-Behind配置 #

在你的自定义ContentDialog代码里，声明可公开访问的OurModel属性，并且要让ContentDialog自身也实现INotifyPropertyChanged（这样外部设置OurModel时，UI能自动刷新显示预设值）：

using Microsoft.UI.Xaml.Controls;
using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Collections.Generic;

public sealed partial class CustomInfoDialog : ContentDialog, INotifyPropertyChanged
{
    private OurModel _ourModel;

    // 公开的OurModel属性，外部可自由设置和读取
    public OurModel OurModel
    {
        get => _ourModel;
        set => SetField(ref _ourModel, value);
    }

    public CustomInfoDialog()
    {
        this.InitializeComponent();
        // 初始化默认空模型（可选，也可以外部传入）
        OurModel = new OurModel();
    }

    // 实现INotifyPropertyChanged，用于通知UIOurModel属性的变化
    public event PropertyChangedEventHandler PropertyChanged;

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

    private bool SetField<T>(ref T field, T value, [CallerMemberName] string propertyName = null)
    {
        if (EqualityComparer<T>.Default.Equals(field, value)) return false;
        field = value;
        OnPropertyChanged(propertyName);
        return true;
    }
}

第三步：XAML中的绑定设置 #

这里有两种简洁的绑定方式，选一种符合你习惯的就行：

方式一：全局设置ContentDialog的DataContext为自身 #

直接在ContentDialog根元素把DataContext绑定到自身，这样内部控件可以直接绑定OurModel的子属性，代码更简洁：

<ContentDialog x:Class="YourAppNamespace.CustomInfoDialog"
              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"
              mc:Ignorable="d"
              Title="收集用户信息"
              PrimaryButtonText="确认"
              SecondaryButtonText="取消"
              <!-- 关键：把DataContext绑定到自身 -->
              DataContext="{Binding RelativeSource={RelativeSource Self}}">
    <StackPanel Spacing="16">
        <TextBox Header="姓名" 
                 Text="{Binding OurModel.Name, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
        <TextBox Header="邮箱" 
                 Text="{Binding OurModel.Email, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
    </StackPanel>
</ContentDialog>

方式二：单个控件绑定到ContentDialog的OurModel属性 #

如果不想全局设置DataContext，也可以给每个控件单独指定绑定源，灵活性更高：

<TextBox Header="姓名" 
         Text="{Binding OurModel.Name, 
                RelativeSource={RelativeSource AncestorType=ContentDialog}, 
                Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>

第四步：外部调用与数据交互 #

现在你可以在主页面或其他地方正常设置预设值、读取用户输入了，双向绑定会自动同步：

private async void ShowInfoDialogButton_Click(object sender, RoutedEventArgs e)
{
    var dialog = new CustomInfoDialog();
    // 设置预设值
    dialog.OurModel = new OurModel 
    { 
        Name = "张三", 
        Email = "zhangsan@example.com" 
    };

    var result = await dialog.ShowAsync();
    if (result == ContentDialogResult.Primary)
    {
        // 直接读取用户修改后的模型
        var userInfo = dialog.OurModel;
        // 这里处理你的业务逻辑，比如保存到数据库或本地存储
    }
}

关键注意点 #

• 一定要给绑定加上Mode=TwoWay和UpdateSourceTrigger=PropertyChanged（后者确保用户输入实时同步到模型，而不是等失去焦点才同步）
• 自定义ContentDialog自身必须实现INotifyPropertyChanged，否则外部设置OurModel时，UI不会自动刷新显示预设值
• 绝对不要在XAML里直接实例化OurModel（比如<local:OurModel x:Key="TheModel"/>），因为这样生成的是局部私有实例，外部无法访问和修改

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