C# TextBox数据绑定的方法

经常写用一个TextBox显示某个对象，然后编辑之后再保存的程序。以前都是在TextBox_TextChanged事件中修改对象的值，或者保存的时候再读取TextBox.Text属性保存对象的值。这样比较麻烦，而且经常容易出错。后来了解了C#的数据绑定，发现能够很好的解决这个问题。

1. 首先C#的TextBox本身就带数据绑定功能。

下面的代码就是把_myData对象的"TheValue"属性绑定到textBox1和textBox2的"Text"属性。最后一个参数不同：

1)其中DataSourceUpdateMode.OnPropertyChanged表示textBox1.Text发生变化，_myData.TheValue也变化，叫双向绑定。

2)DataSourceUpdateMode.Never表示Text1.Text变化不影响_myData.TheValue的值，是单向绑定。

private void Form1_Load(object sender, EventArgs e)
{
  _myData = new MyData();
  textBox1.DataBindings.Add("Text", _myData, "TheValue", false, DataSourceUpdateMode.OnPropertyChanged);
  textBox2.DataBindings.Add("Text", _myData, "TheValue", false, DataSourceUpdateMode.Never);
}

2.也许有人留意到了，为什么上面的叫"双向绑定"呢？如果_myData.TheValue的值变化了，两个文本框的Text会变化吗？不错，仅在 textBox上数据绑定还不叫双向绑定，对象数据变化要通知绑定该对象的控件才行。这样就需要对象实现INotifyPropertyChanged接 口。

public class MyData : INotifyPropertyChanged
{
  private string _theValue = string.Empty;

  public string TheValue
  {
    get { return _theValue; }
    set
    {
      if (string.IsNullOrEmpty(value) && value == _theValue)
        return;

      _theValue = value;
      NotifyPropertyChanged(() => TheValue);
    }
  }

  public event PropertyChangedEventHandler PropertyChanged;

  public void NotifyPropertyChanged<T>(Expression<Func<T>> property)
  {
    if (PropertyChanged == null)
      return;

    var memberExpression = property.Body as MemberExpression;
    if (memberExpression == null)
      return;

    PropertyChanged.Invoke(this, new PropertyChangedEventArgs(memberExpression.Member.Name));
  }
}

3.好了，数据绑定完成了，看看效果吧。textBox1.Text变化—>_myData.TheValue变化—>textBox2.Text变化。反过来textBox2.Text变化就不是这样了，因为textBox2使用的单向绑定。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • C#数据绑定控件中的DataSource属性浅谈

    有的时候,你在编程进入一定阶段,进一步提升很困难的境况之下,不妨回过头来看看基础的东西,或许你会有新的受益,或许能够真正的体会到孔夫子所谓的"温故而知新"的真正内涵.常用的C#数据绑定控件有:Repeater.DataList.GridView.DetailsView等,在这里我拿Repeater来简单说明问题.使用该属性指定用来填充Repeater控件的数据源.DataSource可以是任何System.Collections.IEnumerable对象,如用于访问数据库的Syste

  • c#数据绑定之删除datatable数据示例

    c#数据绑定之删除datatable数据示例

    c#数据绑定之将datatabel的data添加listView中,简要的通过代码应用了DataTable,DataTableColumns,DataTableRow类,通过UI界面的Textbox向DataTable中添加数据然后响应到ListView控件中.在本实例中主要针对如何删除DataTable的纪录,并同步到ListView中. 首先,对UI做一些改动,最终界面如下图所示.主要是在ListView 中添加了CheckBox控件. 在ListView中添加CheckBox 的XAML

  • c#数据绑定之linq使用示例

    c#数据绑定之linq使用示例

    XAML: 复制代码 代码如下: <Grid>            <Grid.ColumnDefinitions>                <ColumnDefinition Width="2*"/>                <ColumnDefinition Width="8*"/>            </Grid.ColumnDefinitions>            <G

  • c#数据绑定之将datatabel的data添加listView

    c#数据绑定之将datatabel的data添加listView

    功能:通过响应UI Textbox 的值向ListView 绑定新添加的纪录. UI XAML 代码 复制代码 代码如下: <Grid Margin="5">            <Grid.ColumnDefinitions>                <ColumnDefinition Width="Auto"/>                <ColumnDefinition/>            &

  • c#数据绑定之向查询中添加参数(.Net连接外部数据库)

    在ACCESS数据库中可以用MSSQL的形式定义操作字符串,也可以采用OLEDB的形式. MSSQL 形式 复制代码 代码如下: string sqlText = @"SELECT * FROM [User] WHERE UserName= @name"; OLEDB的形式 复制代码 代码如下: string sqlText = @"SELECT * FROM [User] WHERE UserName= ?"; 下一步是通过 OleDbCommand执行操作. 复

  • c#数据绑定之数据转化为信息的示例

    c#数据绑定之数据转化为信息的示例

    目标界面: XAML代码: 复制代码 代码如下: <Grid Margin="2">            <Grid.RowDefinitions>                <RowDefinition  Height="Auto"/>                <RowDefinition  Height="Auto"/>                <RowDefinitio

  • C#数据绑定(DataBinding)简单实现方法

    本文实例讲述了C#数据绑定(DataBinding)简单实现方法.分享给大家供大家参考.具体实现方法如下: using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; namespace Ap

  • C# TextBox数据绑定的方法

    C# TextBox数据绑定的方法

    经常写用一个TextBox显示某个对象,然后编辑之后再保存的程序.以前都是在TextBox_TextChanged事件中修改对象的值,或者保存的时候再读取TextBox.Text属性保存对象的值.这样比较麻烦,而且经常容易出错.后来了解了C#的数据绑定,发现能够很好的解决这个问题. 1. 首先C#的TextBox本身就带数据绑定功能. 下面的代码就是把_myData对象的"TheValue"属性绑定到textBox1和textBox2的"Text"属性.最后一个参数

  • C#递归遍历窗体所有textbox控件并设置textbox事件的方法

    本文实例讲述了C#递归遍历窗体所有textbox控件并设置textbox事件的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: /// <summary> /// /// </summary> /// <param name="sender"></param> /// <param name="e"></param> public virtual void SetTextBo

  • JavaScript实现LI列表数据绑定的方法

    JavaScript实现LI列表数据绑定的方法

    本文实例讲述了JavaScript实现LI列表数据绑定的方法.分享给大家供大家参考.具体如下: 利用JavaScript进行LI列表数据绑定,获取列表里面对应的LI,这是一位高人写的代码,看了才知道,原来并不很复杂,为什么之前用的方法那么笨? 运行效果如下图所示: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/

  • WinForm中comboBox控件数据绑定实现方法

    本文实例讲述了WinForm中comboBox控件数据绑定实现方法.分享给大家供大家参考,具体如下: 下面介绍三种对comboBox绑定的方式,分别是泛型中IList和Dictionary,还有数据集DataTable  一.IList 现在我们直接创建一个List集合,然后绑定 IList<string> list = new List<string>(); list.Add("111111"); list.Add("222222"); l

  • C#中设置textbox限制条件的方法

    本文实例讲述了C#中设置textbox限制条件的方法,分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: #region 设置数量等textbox控件样式及限制条件(具体调用的方法就是重写或直接调用ShieldNumberTextBoxOtherKeys函数) /// <summary> /// 屏蔽数字textbox的其他字符串 /// </summary> /// <param name="sender"></param>

  • ASP.NET Eval进行数据绑定的方法

    假设你已经了解ASP.NET Eval 1.1的数据绑定(特别是Container这个局部变量)的机制,这里主要分析ASP.NET Eval 2.0数据绑定做了那些改进. ASP.NET Eval 2.0 的数据绑定函数Eval()简化掉了ASP.NET Eval 1.1神秘的Container.DataItem,比如数据绑定表达式: 复制代码 代码如下: <%# (Container.DataItem as DataRowView)["ProductName"].ToStrin

  • spring mvc使用@InitBinder标签对表单数据绑定的方法

    在SpringMVC中,bean中定义了Date,double等类型,如果没有做任何处理的话,日期以及double都无法绑定. 解决的办法就是使用spring mvc提供的@InitBinder标签 在我的项目中是在BaseController中增加方法initBinder,并使用注解@InitBinder标注,那么spring mvc在绑定表单之前,都会先注册这些编辑器,当然你如果不嫌麻烦,你也可以单独的写在你的每一个controller中.剩下的控制器都继承该类.spring自己提供了大量的

  • angular4自定义组件非input元素实现ngModel双向数据绑定的方法

    在angular里我们一般都是给input元素添加[(ngModel)]="value"实现数据双向绑定,如果想实现自定义的组件上实现ngModel双向数据绑定应该怎么办呐... 网上找了一下,没看懂记录一下. 场景:组件能获取父组件通过ngModel绑定的值,能通过ngModel改变父组件对应的数据.如下代码: <app-child [(ngModel])="appData"></app-child> 1.先贴出效果图: 2.下面是app-

  • vue.js数据绑定的方法（单向、双向和一次性绑定）

    vue.js数据绑定的方法（单向、双向和一次性绑定）

    这两天学习了vue.js数据绑定这个地方知识点挺多的,而且很重要,所以,今天添加一点小笔记. 前言 感觉 vue 的很多方面的内容,都参考了 angular 的东西,数据绑定方面,更是赤裸裸的"抄袭".对照来看,更有助于我们学习和理解框架本身透露出来的思想,而非框架本身. 一.单向绑定 (一)Mustache 语法,双大括号 {{}}(html 内字符串绑定) <div id="app"> <p>{{text}}</p> <

  • vue在自定义组件中使用v-model进行数据绑定的方法

    本文介绍了vue v-model进行数据绑定,分享给大家,具体如下 官方例子https://vuefe.cn/v2/api/#model 有这么一句话: 默认情况下,一个组件上的 v-model 会把 value 用作 prop 且把 input 用作 event. 示例: 先来一个组件,不用vue-model,正常父子通信 <!-- parent --> <template> <p class="parent"> <p>我是父亲, 对儿

随机推荐