WPF 繫結基礎
Binding是Wpf的核心內容之一
1、下面是Binding基礎的一個例子。
XAML:
<Grid> <TextBox x:Name= "myTextBox" Height= "80" HorizontalAlignment= "Left" VerticalAlignment= "Top" Width= "200" />
<Button Height= "23" HorizontalAlignment= "Left" Margin= "38,89,0,0" Name= "button1" VerticalAlignment= "Top" Width= "75" Click= "button1_Click" >Button</Button>
</Grid> |
C# Code
public partial class BindingTestxaml : Window
{
Customer cust;
public BindingTestxaml()
{
InitializeComponent();
BindingTest();
}
private void BindingTest()
{
//準備資料來源
cust = new Customer();
// cust.Name = "Tom";
//準備Binding
Binding bind = new Binding();
bind.Source = cust;
bind.Path = new System.Windows.PropertyPath( "Name" );
//使用Binding連線資料來源與Binding目標
BindingOperations.SetBinding(myTextBox, TextBox.TextProperty, bind);
}
private void button1_Click( object sender, RoutedEventArgs e)
{
cust.Name += " Tom" ;
}
}
public class Customer:INotifyPropertyChanged
{
private string name;
public string Name
{
get { return name; }
set
{
this .name = value;
//激發事件
if (PropertyChanged != null )
this .PropertyChanged.Invoke( this , new PropertyChangedEventArgs( "Name" ));
}
}
#region INotifyPropertyChanged 成員
public event PropertyChangedEventHandler PropertyChanged;
#endregion
}
|
當然上面的繫結也可以變成一句話的形式:如
//使用Binding連線資料來源與Binding目標 BindingOperations.SetBinding(myTextBox, TextBox.TextProperty, new Binding( "Name" ) { Source= cust = new Customer()});
|
2、沒有Source的Binding——使用DataContext作為Binding的源,下面是一個簡單的例子
先建立一個名為Sutdent的類,它有三個ID,Name,Age三個屬性:
public class Student
{
public string ID{ get ; set ;}
public string Name { get ; set ; }
public string Age { get ; set ; }
}
|
然後XAML建立程式UI:
<StackPanel Background= "LightBlue" Margin= "0,118,0,0" HorizontalAlignment= "Right" Width= "201" Height= "122" VerticalAlignment= "Top" >
<StackPanel.DataContext>
<local:Student ID= "10" Name= "Work Hard Work Smart" Age= "30" />
</StackPanel.DataContext>
<TextBox Height= "23" HorizontalAlignment= "Center" Margin= "10" Name= "textBox10" VerticalAlignment= "Top" Text= "{Binding Path=ID}" Width= "164" />
<TextBox Height= "23" HorizontalAlignment= "Center" Margin= "10" Name= "textBox11" VerticalAlignment= "Top" Text= "{Binding Path=Name}" Width= "164" />
<TextBox Height= "23" HorizontalAlignment= "Center" Name= "textBox12" VerticalAlignment= "Top" Text= "{Binding Path=Age}" Width= "164" />
</StackPanel> |
三個TextBox的Text通過Binding獲取值,Bindng指定了Path,沒有指定Source。
本文轉自Work Hard Work Smart部落格園部落格,原文連結:http://www.cnblogs.com/linlf03/archive/2011/09/13/2175278.html,如需轉載請自行聯絡原作者
相關文章
- WPF 基礎MvvM繫結的使用MVVM
- C#-WPF資料繫結基礎(一)C#
- WPF使用MVVM(二)-命令繫結MVVM
- WPF技巧(1)非同步繫結非同步
- WPF筆記(1.1 WPF基礎)——Hello,WPF!筆記
- .NET基礎之資料繫結
- WPF使用MVVM(一)-屬性繫結MVVM
- WPF 介面如何繫結Command
- WPF多表關聯資料繫結
- javascript基礎(事件的繫結)(三十四)JavaScript事件
- java基礎:多型(動態繫結)Java多型
- WPF/C#:資料繫結到方法C#
- 前端基礎之原生js事件繫結案例前端JS事件
- WPF入門教程系列十八——WPF中的資料繫結(四)
- WPF之AvalonEdit實現MVVM雙向繫結MVVM
- WPF TreeView IsExpanded 繫結不上的問題View
- WPF備忘錄六(資料繫結篇)
- WPF控制元件:密碼框繫結MVVM控制元件密碼MVVM
- 【翻譯】WPF中的資料繫結表示式
- WPF快速指導4:資料繫結之繫結方向與自定義轉換器
- 【JS基礎】DOM,BOM,事件繫結,ajax,跨域,儲存JS事件跨域
- Blazor和Vue對比學習(基礎1.5):雙向繫結BlazorVue
- MVVM模式和在WPF中的實現(二)資料繫結MVVM模式
- MVVM模式解析和在WPF中的實現(三)命令繫結MVVM模式
- WPF:MVVM的由來與屬性繫結的過程MVVM
- C#WPF資料繫結模板化操作四步走C#
- 在WPF中一種較好的繫結Enums資料方法
- MVVM設計模式和在WPF中的實現(四) 事件繫結MVVM設計模式事件
- MVVM設計模式和WPF中的實現(四)事件繫結MVVM設計模式事件
- [WPF]資料繫結時為何會出現StringFormat失效ORM
- WPF 資料繫結之ValidationRule資料校驗綜合Demo
- WPF基礎:在Canvas上繪製圖形Canvas
- WPF基礎—佈局,樣式,觸發器觸發器
- vue 基礎入門筆記 03:v-model、Class 與 Style 繫結Vue筆記
- vue基礎-動態樣式&表單繫結&vue響應式原理Vue
- CSS的動畫的基礎概念定義/呼叫/繫結複習必備CSS動畫
- 【.NET6+WPF】WPF使用prism框架+Unity IOC容器實現MVVM雙向繫結和依賴注入框架UnityMVVM依賴注入
- 將WPF內部繫結的控制元件和資料拉取出來控制元件