要在 WPF 中实现数据表对应实体的属性与 UI 控件的双向绑定,并支持修改通知和 UI 自动更新

没有通知功能的属性改成有通知功能的属性

复制代码
/// </summary>
[MfTable("Recipe")]
public class RecipeModel : BaseModelExtendIdAndName<int>
{
    /// <summary>
    /// 类型 RecipeTypeEnum
    /// </summary>
    public int Type { get; set; }
} 

要在 WPF 中实现数据表对应实体的属性与 UI 控件的双向绑定,并支持修改通知和 UI 自动更新,需要让模型类实现属性更改通知接口。以下是具体实现步骤:

1. 让模型类实现INotifyPropertyChanged接口

WPF 的绑定机制依赖INotifyPropertyChanged接口来监听属性变化。由于你的RecipeModel继承自BaseModelExtendIdAndName<int>,建议在基类中实现该接口(若基类未实现),或在子类中扩展实现。

增加一个类 BaseModelExtendIdAndNameNotify,这个类继续继承BaseModelExtendIdAndName类,并实现INotifyPropertyChanged 接口,再实现通知方法

复制代码
/// <summary>
/// 带通知的 基类
/// </summary>
/// <typeparam name="idType"></typeparam>
public class BaseModelExtendIdAndNameNotify<idType> : BaseModelExtendIdAndName<idType>, INotifyPropertyChanged
{
    // 实现INotifyPropertyChanged接口
    public event PropertyChangedEventHandler PropertyChanged;

    // 触发属性更改通知的保护方法
    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

// 子类RecipeModel
[MfTable("Recipe")]
public class RecipeModel : BaseModelExtendIdAndNameNotify<int>//BaseModelExtendIdAndName<int>
{
    private int _type; // 私有字段存储值

    /// <summary>
    /// 类型 RecipeTypeEnum
    /// </summary>
    public int Type 
    { 
        get => _type; 
        set 
        {
            if (_type != value) // 避免不必要的通知
            {
                _type = value;
                OnPropertyChanged(); // 触发通知(自动获取属性名)
            }
        } 
    }
}

2. 在 XAML 中绑定 UI 控件

将 UI 控件(如TextBoxComboBox等)的TextSelectedValue属性与RecipeModel.Type绑定,并设置Mode=TwoWay(双向绑定,默认对输入控件有效)。

示例 XAML(假设 DataContext 已设置为 RecipeModel 实例):
复制代码
<!-- 例如:使用TextBox绑定Type -->
<TextBox Text="{Binding Type, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />

<!-- 或使用ComboBox绑定(若Type对应枚举值) -->
<ComboBox 
    ItemsSource="{Binding Source={StaticResource RecipeTypeEnumValues}}" 
    SelectedValue="{Binding Type, Mode=TwoWay}" 
    DisplayMemberPath="Description" 
    SelectedValuePath="Value"
/>
  • 说明
    • UpdateSourceTrigger=PropertyChanged:输入时立即更新数据源(TextBox 默认是失去焦点时更新)。
    • Type对应枚举(RecipeTypeEnum),建议在 ComboBox 中绑定枚举值(可通过 ObjectDataProvider 或代码生成枚举列表)。

3. 设置 DataContext

确保 UI 控件所在的容器(如 Window、UserControl)的DataContextRecipeModel的实例,绑定才能生效。

示例(在 Window 的构造函数中):
复制代码
public MainWindow()
{
    InitializeComponent();
    // 设置数据上下文为RecipeModel实例
    DataContext = new RecipeModel(); 
}

实现原理

  • Type属性的值通过代码修改时,set访问器中调用OnPropertyChanged(),触发PropertyChanged事件。
  • WPF 绑定引擎监听该事件,自动更新 UI 控件的显示值。
  • 当 UI 控件的值被用户修改时(如输入文本),双向绑定会自动更新Type属性的 值(触发set访问器)。

通过以上步骤,即可实现Type属性与 UI 的双向绑定及自动更新。核心是实现INotifyPropertyChanged接口并在属性变化时触发通知

相关推荐
DreamLife☼3 小时前
复杂Agent系统架构设计
系统架构·wpf·agent·组件·设计·构架·说明
geovindu4 小时前
CSharp: Wordcloud
开发语言·后端·c#·.net·.netcore·词云
geovindu5 小时前
CSharp: Command Pattern
开发语言·后端·c#·.net·.netcore·命令模式·行为模式
格林威8 小时前
C# 相机图像阴影校正:使用OpenCvSharp实现工业相机阴影平场校正功能
人工智能·数码相机·opencv·计算机视觉·c#·机器视觉·工业相机
俊昭喜喜里8 小时前
c#中的构造函数
开发语言·数据库·c#
hahaha60169 小时前
HLS高层次综合设计--axi之burst纠偏
开发语言·算法·fpga开发·c#
SamChan909 小时前
PDF翻译服务端到端基准测试:4款主流方案的吞吐量、延迟、内存占用对比
服务器·网络·python·ai·pdf·wpf
bugcome_com9 小时前
Avalonia 控件模板实战:从 WPF 迁移自定义 Button 样式的完整指南
wpf
七夜zippoe9 小时前
DolphinDB 故障排查实战:系统、数据库与集群常见问题诊断
数据库·wpf·集群·常见问题·故障排查·dolphindb
点心的游戏开发世界17 小时前
Unity C# 脚本学习笔记:命名空间与 using
学习·unity·c#