首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在VM构造函数中为属性赋值时,textbox的WPF数据绑定不会在设计器中显示

的原因是,WPF的数据绑定是在运行时进行的,而设计器只能在设计时进行预览,无法执行运行时的代码逻辑。

要解决这个问题,可以采取以下几种方法:

  1. 使用设计时数据:在XAML中,可以使用设计时数据来模拟运行时的数据,以便在设计器中显示绑定效果。可以通过在VM构造函数中判断是否处于设计模式,如果是,则为属性赋予设计时数据。例如:
代码语言:txt
复制
public class ViewModel
{
    public string Text { get; set; }

    public ViewModel()
    {
        if (DesignerProperties.GetIsInDesignMode(new DependencyObject()))
        {
            Text = "Design Time Data";
        }
    }
}
  1. 使用设计时数据上下文:可以创建一个专门用于设计器的设计时数据上下文,将其设置为窗口或页面的数据上下文,以便在设计器中显示绑定效果。例如:
代码语言:txt
复制
<Window ...
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:YourNamespace"
        mc:Ignorable="d"
        d:DataContext="{d:DesignInstance local:DesignTimeViewModel, IsDesignTimeCreatable=True}">
    <Window.DataContext>
        <local:ViewModel />
    </Window.DataContext>
    ...
</Window>
代码语言:txt
复制
public class DesignTimeViewModel
{
    public string Text { get; set; } = "Design Time Data";
}
  1. 使用设计时数据绑定:可以在XAML中使用特定的设计时数据绑定语法,以便在设计器中显示绑定效果。例如:
代码语言:txt
复制
<TextBox Text="{Binding Text, Mode=OneWay, Source={d:DesignInstance local:DesignTimeViewModel}}" />

需要注意的是,这些方法只是为了在设计器中显示绑定效果,实际运行时的数据绑定仍然需要在运行时进行。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Web开发感悟:数据绑定是一种技术,更是一门艺术

3、“赋值”是个好办法 在asp年代,压根儿就没有控件这一说,所以服务端的数据呈现,基本上就是通过在页面中内嵌来实现的(xxx可理解为一个定义的变量),要改变显示的内容,最方便的方法就是给变量...换言之:赋值的办法将界面逻辑与界面绑得太紧,是一种紧耦合的程序设计。在遇到UI频繁更新需求时,代码维护量极大,会让程序员们心率焦脆。...数据源的Model属性值变化了,界面会自动变出反应(更新某些控件的呈现);同样用户在界面上修改了控件值,Model的相应属性也随之同步变化。...严重怀疑双向绑定的灵感源自这部经典电影:)双向绑定同时也道出了SL/WPF世界的一个真谛:数据驱动UI。...(按佛家的说法可以理解为:UI只是一副空皮囊,内在的[血肉]元神完全由数据驱动) 5.2、M-V-VM ? or M-VM-V ?

1.4K50

Binding(一):数据绑定

在WPF中,微软引入了Binding对象,通过Binding,我们可以直接将控件与数据做绑定,在后台不用拿到控件对象,直接操作数据源,系统会自动监听数据源的变化实时的更新到控件上,相反的,用户改变控件的值...数据绑定 下面将通过一个实例来讲解如何使用Binding进行数据绑定,具体内容如下: 点击按钮“展示数据”时,将数据显示在上方文本框中。...Data赋值,系统会自动更新到控件,这也是WPF中的数据驱动控件。...运行起来,点击按钮后,效果如下: 在实际开发中,我们一般会将绑定的这块代码写在通过XAML标记扩展的形式写在Xaml页面中,那么构造器中关于绑定的代码就可以删掉,改为如下代码: public...3.在构造器(不一定是构造器,可以是任何一个早于您使用数据绑定情景之前的方法中)中绑定数据源 或者 使用XAMl的标记扩展绑定数据源 本节到此结束...

1.4K40
  • WPF Binding学习(四) 绑定各种数据源

    Student(){ID=3,Name="铁蛋"} }; this.listView1.ItemsSource = list; 只需在构造函数中创建对象并绑定到...2.ADO.NET中DataTable对象做为数据源     在wpf中,是允许将DataTable直接做为Binding的数据源的,下面以一个例子做为参考    控件还可以用上面的控件,只需该数据源即可...然后我们在构造函数中编写后台代码 ObjectDataProvider odp = new ObjectDataProvider(); //设置用于绑定源的对象...接着使用MethodName属性指定调用的Caculate对象中Add的方法。问题来了,如果Caculator有多个构造器参数的方法Add应该如何区分?...枚举值有四个 PreviousData:当前显示向列表的上一个数据项 TemplateParent:引用应用了模板的元素,其中此模板中存在数据绑定元素。

    4.3K30

    【我们一起写框架】MVVM的WPF框架(三)—数据控件

    数据控件其实很好理解,它就是把UI控件中存储的数据提取出来,好让ViewModel可以通过修改数据来控制UI变化;当然,为了更好的控制UI变化,数据控件里还得包含一点管理UI的属性。...= (text) => { MessageBox(text); };//声明TextChange } 如代码所示,我们在ViewModel中定义了ChangeTextBox属性,然后再Xaml中绑定了...ChangeTextBox属性的Text到UI控件TextBox的Text属性上,这样我们就实现了数据联动。...注意:TextChangeCallBack委托与TextChanged事件不同,并不是每次修改文字都会触发,而是当TextBox的Text内容真正被修改时,才会触发;我们可以简单的理解为TextBox失去焦点时才会触发...因为WPF的UI控件被创建以后,要被添加到视觉树中,所以最终会被显示在屏幕上的是包裹着控件的视觉树;其中视觉树与控件是可以分离的;比如控件中绑定的数据是10行,而视觉树可以显示3行。

    2.4K30

    C#语法——消息,MVVM的核心技术。

    然后初始化时,将cs文件的KName和VM的KName分别赋值给前台定义的两个TextBox控件。 这里用vm的KName属性赋值时,稍微有点特别,稍后再介绍。...很简单,我们可以将绑定理解为套索,既然是套索,那么就该有两个属性,一个是套头,一个是套尾。 那么声明了套索之后,我们便需要为套索的索尾赋值了,即数据源的这一方。 ...设置好了套索后,我们在让TextBox控件自己转进套头里,并设置了TextBox控件绑定的属性。...我们可以看到在Xaml文件中,Text属性可以使用{Binding KName}这种简写的模式,来实现刚才那个复杂的binding赋值。...而在Xaml.cs文件中,我们将VeiwMode赋值给了DataContext这个数据上下文,然后,我们就看到了,前台直接使用了VM里的属性。 这样简单的MVVM就实现了。

    1.2K20

    深入浅出话属性

    在程序中,数据表现为各种各样的变量,算法则表现为各种各样的函数(操作符是函数的简记法)。...被封装在类中的变量称为字段,它表示的是类或实例的状态;被封装在类里的函数叫做方法,它表示的是类或实例的功能。字段和类构造出了最原始的面向对象封装,这时候的面向对象中还不包含事件,属性等概念。...在WPF开发中,必须使用依赖对象作为依赖属性的宿主,使二者结合起来,才能形成完整的Binding目标被数据所驱动。 在WPF系统中,依赖对象的概念被DependencyObject类所实现。...目前虽然没有准备为这个依赖属性准备包装器,但将来会使用名为Name的CLR属性来包装它,所以这个参数被赋值为Name。...           }   最核心的代码位于构造器中的最后两段代码,先创建一个Binding实例,让TextBox1做为数据源对象并从Text属性中获取数据;最后一句使用BindingOperations

    92930

    FluentValidation在C# WPF中的应用

    其实它也可以用于WPF属性验证,本文主要也是讲解该组件在WPF中的使用,FluentValidation官网是: https://fluentvalidation.net/ 。...本文需要实现的功能unsetunset 提供WPF界面输入验证,采用MVVM方式,需要以下功能: 能验证ViewModel中定义的基本数据类型属性:int\string等; 能验证ViewModel中定义的复杂属性...集合类 - Field 此类用作ViewModel中的集合项使用,模拟动态表单数据校验,简单包含4个属性:字段名称、字段显示名称、数据类型、数据值,表单主要根据数据类型验证输入的数据值是否合法。...创建验证器 验证属性的写法有两种: 可以在实体属性上方添加特性(本文不作特别说明,百度文章介绍很多); 通过代码的形式添加,如下方,创建一个验证器类,继承自AbstractValidator,在此验证器构造函数中写规则验证属性...用于验证对象属性(Student类的实例),设置验证该属性时使用StudentValidator验证器; Fields用于验证集合属性(ObservableCollection),设置验证该属性子项时使用

    19110

    《深入浅出WPF》学习笔记之深入浅出话Binding

    { ElementName = "slider1" });   wpf数据绑定Source和ElementName的区别 Source 用于指定数据源为后台数据对象、集合 ElementName 用于指定...“数据源”为界面上某个控件的某个属性   注意:   在C#代码中可以访问XAML代码中声明的变量,但XAML代码中无法访问C#代码中声明的变量。   ...其实,“Binding沿着UI元素树网上找”只是WPF给我们的一个错觉,实际是因为DataContext是一个“依赖属性”,当控件的依赖属性没有显式赋值时,依赖属性值会沿UI元素树向下传递。   ...以Slider为源,TextBox为目标   当TextBox输入超出范围时,边框会显示为红色   Binding默认只校验Target->Source,不校验Source->Target的数据,如果想校验需要设置...但Slider的Value是double,TextBox的Text是string,当Source端Path所关联的数据与Target端目标属性数据类型不一致时,我们可以添加数据转换器。

    5.7K10

    WPF 中如何绑定附加属性?XAML 中记得加括号,C# 中记得不能用字符串

    WPF 中如何绑定附加属性?XAML 中记得加括号,C# 中记得不能用字符串 在 XAML 中写绑定是 WPF 学习的必修课,进阶一点的,是用 C# 代码来写绑定。...XAML 中绑定附加属性 在 XAML 中绑定附加属性的时候需要加上括号和类型的命名空间前缀: 的构造函数中传入的参数就是赋值给 Path 的。...在 C# 代码中绑定附加属性 上面在说明附加属性绑定的时候我特地额外写了一个不需要写命名空间的 XAML 绑定附加属性的代码,这是为了说明接下来写 C# 代码时的注意事项。 是这样写吗?...在 C# 代码中绑定附加属性,需要 使用依赖项属性,而不能使用字符串!

    2.9K10

    Silverlight学习(三)

    一般需要删除两个后缀为.tt的文件,并在添加模型时需要启用编辑。 3.在silverlight服务端添加表userinfo的实体数据模型,并建立基于此模型的domainservice类。...OneWay,不是一次绑定的意思哈,它指的是单向的绑定,控件值的改变不会影响数据源。比如DataGird中,我们改动了某一个数据,但是他的数据源并没有变化,当我们再次加载的时候,它还是显示原来的数据。...构造函数里面的初始化很重要,因为View中的DataContext的内容直接来自于构造函数。有时候,我们会发现已经为某个属性赋值了,但是在前台并没有绑定上,问题就是出在这里。...这里建议需要绑定的属性最好都能在构造函数中初始化。初始化之后,我们就可以在其他地方赋值,前台的绑定就能够实现。下面具体说说数据的加载、增加、删除、更新。...若我们仍使用在构造函数中实例化的userinfo对象,则会跑出异常。一个新的对象可以解决这样的问题。在插入成功后,通过lamda表达式来为属性重新赋值,使我们添加的数据能够及时的显示。

    76380

    从ContentControl开始入门自定义控件

    TemplateBinding不能使用TypeConverter,所以源属性和目标属性必须为相同的数据类型。...通过Setter改变默认值 通常从父控件继承而来的属性很少在构造函数中设置默认值,而是在DefaultStyle的Setter中设置默认值。...在自定义控件中添加属性时应尽量使用依赖属性(有些只读属性可以使用CLR属性),因为只有依赖属性才可以作为Binding的Target。WPF中创建依赖属性可以做到很复杂,而再简单也要好几行代码。...依赖属性标识符的名称必须为“属性名+Property”。在PropertyMetadata中指定属性默认值。 实现属性包装器。...依赖属性的默认值可以在注册依赖属性时在PropertyMetadata中设置,通常为属性类型的默认值,也可以在DefaultStyle的Setter中设置,不推荐在构造函数中设置。

    4.1K40

    WPF 中用户控件 DataContextBinding 和依赖属性的问题

    如果我使用下面的构造函数,在构造函数中的颜色改变工作正常,然而,我的 IsActivePropertyChangedEvent 从未被触发。我估计是因为在构造函数中指定了 DataContext。...如果我注释掉 DataContext 赋值,使用如下的构造函数,我的颜色赋值就没起作用,但 IsActivePropertyChanged 事件能够被触发。...我尝试了为 Xaml 中绑定到 Color 属性的元素设置 DataContext="{Binding RelativeSource={RelativeSource Self}}" (而不是在后台代码中设置...你的依赖属性定义是没问题的,但你不应该碰 DataContext 。那么你之后怎么将控件中的一些东西绑定到依赖属性的值呢?...所以目标为 TimeValue 的绑定反而会在控件中搜寻(这个当然会失败)。

    98310

    【我们一起写框架】MVVM的WPF框架之绑定(二)

    属性绑定:属性绑定很好理解,就是将Xaml页面的控件属性和ViewModel中的自定义属性捆绑到一起,让他们的数据值同步。...【注意,这里只能是属性绑定属性】 HeaderName是我们在VM中刚刚定义的属性,那么Text是怎么绑定到了HeaderName上的呢?...很简单,因为上面我们已经把ViewModel赋值到了DataContext中了,所以在Xaml中,我们就可以使用{Binding 属性名}这样的语句,来绑定VM中所有的属性。...在Xaml中,默认的绑定是单向绑定,就是说,VM中的属性值改变会同步Xaml页面的属性值,让其改变;但,当Xaml页面的属性值改变了,VM中的属性值却不会改变。 那么如何让他们同步呢?...,VM中的属性FrameSource绑定到了页面Frame的Content属性上。

    1.9K30

    【愚公系列】2023年11月 WPF控件专题 2023秋招WPF高频面试题

    8.WPF中的命令设计模式是什么 命令设计模式是面向对象设计模式中最强大的设计模式之一。 此模式允许将操作请求与实际执行操作的对象分离,换句话说,命令模式将操作表示为对象。...值转换器充当目标和源之间的桥梁,当目标与一个源绑定数据类型不一致时,需要值转换器来做中转。例如有一个文本框和一个按钮控件, 当文本框的文本被填充或为空时,希望启用或禁用按钮控件。...当您为元素提供 x:Name xaml 属性时,“指定的 x:Name 将成为处理 xaml 时在底层代码中创建的字段的名称,并且该字段保存对对象的引用。”...数据绑定,使开发项目可以更清晰地分离数据和布局。使用硬件加速来绘制 GUI,以获得更好的性能。 24.WPF中的命令设计模式和ICommand是什么?ICommand 是 MVVM 的核心组件。...通过XAML支持强大数据绑定功能无需使用代码隐藏文件提供多环境的应用开发能力。强大的数据绑定、命令、验证等等。设计者和开发者可以一起工作。 27.WPF中可视化树和逻辑树的区别是什么?

    53222

    《深入浅出WPF》——模板学习

    CUI程序中数据只能以文本的形式线性显示,GUI程序则允许数据以文本、列表、图形等多种形式立体显示。 用户体验在GUI程序设计中起着举足轻重的作用——用户界面设计成什么样子看上去才够漂亮?...(简单讲,就是显示和功能难以拆分) 在WPF中,通过引入模板(Template)微软将数据和算法的“内容”与“形式”解耦了。...实际上它是一个ProgressBar控件,只是设计师为它设计了一套新衣服——这套衣服改变了一些颜色、添加了一些装饰品和刻度线并移除了脉搏动画, ~~~~ WPF中的数据显示成什么样子也可以自由设定...对于程序员来说,完全可以把Blend理解为一个功能更强大的窗体设计器,对于设计师来说,可以把Blend理解为会写XAML代码的Photoshop或者Fireworks。...属性时,如果某一列使用TextBox作为CellTemplate,那么即使这列中的TextBox被鼠标单击并获得了焦点ListView也不会把此项作为自己的SelectedItem。

    5K10

    WPF自学入门(七)WPF 初识Binding

    今天记录一下Binding的基础和具体的使用方法,说起这个Binding,在WPF中,Binding是很重要的特征,在传统的Windows软件来看,大多数都是UI驱动程序的模式,也可以说事件驱动程序...,这个程序模式在工作过几年的程序员中是根深蒂固的,WPF作为Winform的升级,它把UI驱动程序彻底改变了,核心回到了数据驱动程序的模式上面,这样,程序就回到了算法和数据。...这里有3个控件,Slider,TextBox,Label,其中TextBox和Label都作为目标,Slider都作为数据源,把Slider中的值交由两个控件体现,移动滑块,TextBox会自动显示Value...在Binding中,默认是会认为数据源是肯定正确的,所以如果将TextBox作为数据源,而Slider作为目标,数据源输入错误是没有显示的,那么怎么解决这个问题呢,设置VdataValidationRule.ValidatesOnTargetUpdated...好了,把这个绑定的Converter属性设置成我们设计的转换类的实例就可以了。看一下程序的界面 ?

    1.6K30

    C# WPF数据绑定方法以及重写数据模板后数据绑定

    本文主要针对于数据绑定的基础实现进行介绍,通过此博文你将会有能力编写一个MVVM设计模式的C#、WPF项目。...如果您是C#及WPF的资深开发人员本文可能对您没有太大的帮助,但如果你是一个正在学习和了解C#、WPF的开发人员来说本文可以帮助你认识MVVM设计模式和数据绑定。...---- 一、实现前后端数据绑定: 说到前后端的数据绑定,就需要先说一下WPF的MVVM设计模式,它是由传统的MVC设计模式改进而来,不同点在于MVVM数据源更新不需要一个Controller控制器来向前台同步数据...3.数据模板的重写:在本实例中重写了DataGrid控件中的电话一列和删除一列的数据模板,我们可以看到电话一列重写为了TextBox删除一列重写为了Button,表头也可以进行数据模板的重写。...当然在绑定的过程中你可以设置多种模式,如果不设置默认为双向绑定,设置的方法是通过Mode属性(Binding="{Binding Name ,Mode=TwoWay}")你可以设置Default、OneTime

    75040

    WPF 让普通 CLR 属性支持 XAML 绑定(非依赖属性),这样 MarkupExtension 中定义的属性也能使用绑定了

    在设计器中也可以看到提示不能绑定。 ? ? 解决 实际上这个问题是能够解决的(不过也花了我一些时间思考解决方案)。 既然绑定需要一个依赖属性,那么我们就定义一个依赖属性。...在 Value 的 set 方法中得到的 value 值是一个 Binding 对象,而不是正常依赖属性中得到的绑定的结果;这意味着我们无法直接使用 Value 的值。...构造函数中的 attachedProperty 参数是需要定义的附加属性。...因为前面我们说过,有一个附加属性才可以编译通过,所以附加属性是一定要定义的 既然一定要定义附加属性,那么就可以用起来,接下来会用 构造函数中的 valueChangeCallback 参数是为了指定变更通知的...在构造函数中对 _valueExchanger 进行初始化,因为要传入 this 和一个实例方法 OnValueChanged,所以只能在构造函数中初始化。

    1.7K20

    WPF MVVM实例一

    ”按钮,即将数据绑定至界面显示。...6 说明 WPF中使用MVVM可以降低UI显示与后端逻辑代码的耦合度,即更换界面时,只需要修改很少的逻辑代码就可以实现,甚至不用修改。...在WPF中使用数据绑定机制,当数据变化后,数据会通知界面变更的发生,而不需要通过访问界面元素来修改值,这样在后端逻辑代码中也就不必操作或者很少操作界面的元素了。...使用MVVM,可以很好的配合WPF的数据绑定机制来实现UI与逻辑代码的分离,MVVM中的View表示界面,负责页面显示,ViewModel负责逻辑处理,包括准备绑定的数据和命令,ViewModel通过View...的DataContext属性绑定至View,Model为业务模型,供ViewModel使用。

    74230

    排序、筛选以及高亮

    排序 在WPF中要实现数据排序的功能有很多种,例如用Linq,但这种场景的标准做法是使用CollectionViewSource。 CollectionViewSource是一种数据集合的代理类。...文档中还提到CollectionViewSource的其它信息: 您可以将集合视图作为绑定源集合,可用于导航和显示集合中基于排序、 筛选和分组查询,而无需操作基础源集合本身的所有顶层。...筛选 CollectionViewSource的View属性类型为ICollectionView接口,它提供了Filter属性用于实现数据的过滤。...ICollectionView还提供了一个DeferRefresh函数,这个函数用于进入延迟循环,该循环可用于将更改合并到视图并延迟自动刷新,在需要多次操作并刷新数据量大的集合时可以用这个函数。...不过这样实现的高亮功能有个问题:不能定义高亮(或者低亮)的颜色,不管在代码中还是在XAML中。

    1.5K60
    领券