数据绑定(一)一个简单的例子

简介: 原文:数据绑定(一)一个简单的例子 控件是用来展示数据的,而不是用来存储数据的 如果把Binding比作数据的桥梁,那么它的两端分别是Binding的源(Source)和目标(Target),数据从哪里来哪里就是源,Binding就是加载中间的桥梁,Binding目标就是数据要到哪儿去,一般情况下,Binding源是逻辑层的对象,Binding目标是UI层的控件对象,这样,数据就会源源不断通过Binding送到UI层,也就完成了数据驱动UI的过程。
原文: 数据绑定(一)一个简单的例子

控件是用来展示数据的,而不是用来存储数据的

如果把Binding比作数据的桥梁,那么它的两端分别是Binding的源(Source)和目标(Target),数据从哪里来哪里就是源,Binding就是加载中间的桥梁,Binding目标就是数据要到哪儿去,一般情况下,Binding源是逻辑层的对象,Binding目标是UI层的控件对象,这样,数据就会源源不断通过Binding送到UI层,也就完成了数据驱动UI的过程。

如果想让作为Binding源的对象具有自动通知Binding自己属性值已经变化的能力,就需要让类实现INotifyPropertyChanged接口并在属性的set语句中激发PropertyChanged事件。

一个简单的Binding例子,首先定义一个Student类

    class Student : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        private string m_Name;

        public string Name
        {
            get { return m_Name; }
            set
            {
                m_Name = value;
                if (PropertyChanged != null)
                {
                    PropertyChanged.Invoke(this, new PropertyChangedEventArgs("Name"));
                }
            }
        }
    }

界面上添加一个TextBox和一个Button

        <TextBox x:Name="textBox1"></TextBox>
        <Button Content="Add age" Margin="5" Click="Button_Click"></Button>

后台用C#代码将Name属性绑定到TextBox1上

            Student stu = new Student();

            Binding binding = new Binding();
            binding.Source = stu;
            binding.Path = new PropertyPath("Name");

            BindingOperations.SetBinding(textBox1, TextBox.TextProperty, binding);

这样,当stu对象的Name属性发生变化时,textBox1中的内容就可以自动发生变化了

哪个元素是希望通过binding送到UI的呢?这个属性就称为Binding的Path



目录
相关文章
|
7月前
|
C# 数据库 数据格式
C#二十八 数据绑定
C#二十八 数据绑定
44 0
|
7月前
|
XML 自然语言处理 数据格式
SAP UI5 数据绑定语法里的特殊符号,以及绝对绑定和相对绑定概念详解
SAP UI5 数据绑定语法里的特殊符号,以及绝对绑定和相对绑定概念详解
58 0
SAP UI5 数据绑定语法里的特殊符号,以及绝对绑定和相对绑定概念详解
|
8月前
|
设计模式 存储 缓存
如何使用JavaScript实现自定义的双向数据绑定?
如何使用JavaScript实现自定义的双向数据绑定?
|
9月前
|
JavaScript 前端开发 API
Vue3中常用的语法详细分解(响应式数据,声明响应式数据,自定义事件,计算属性,监听器)
Vue3中常用的语法详细分解(响应式数据,声明响应式数据,自定义事件,计算属性,监听器)
166 0
|
10月前
|
JavaScript 前端开发
Vue —— 基础(零)(模板语法、数据绑定、el/data写法、MVVM模型)
Vue —— 基础(零)(模板语法、数据绑定、el/data写法、MVVM模型)
|
11月前
|
JavaScript
3.数据绑定
Vue数据绑定
82 0
|
JavaScript
数据绑定
数据绑定
62 0
|
数据库
双向数据绑定时如何在页面输出渲染后的Html标签而不是源码
双向数据绑定时如何在页面输出渲染后的Html标签而不是源码
Silverlight自定义数据绑定控件应该如何处理IEditableObject和IEditableCollectionView对象
原文:Silverlight自定义数据绑定控件应该如何处理IEditableObject和IEditableCollectionView对象 原创文章,如需转载,请注明出处。   最近在一直研究Silverlight下的数据绑定控件,发现有这样两个接口IEditableObject 和IEditableCollectionView,记录一下结论,欢迎交流指正。
837 0