As Promised here is my advanced databinding presentation from South Florida Code camp and also Orlando Code camp. you can find the demo files here.
http://ssccinc.com/wpfdatabinding.zip
Here is a quick description of the first demos, there will be 2 other Blogposting in the next few days getting into more advance databinding topics.
- Example00
- Here we have 3 textboxes,
- The first textbox mySourceElement
- Second textbox has a binding to mySourceElement and Path= Text
<Binding ElementName="mySourceElement" Path="Text" />
- Third textbox is also bound to the Text property but we use inline Binding
<TextBlock Text="{Binding ElementName=mySourceElement,Path=Text }" Grid.Row="2" />
Here is the entire XAML
<Grid >
<Grid.RowDefinitions >
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<TextBox Name="mySourceElement" Grid.Row="0"
TextChanged="mySourceElement_TextChanged">Hello Orlnado</TextBox>
<TextBlock Grid.Row="1">
<TextBlock.Text>
<Binding ElementName="mySourceElement" Path="Text" />
</TextBlock.Text>
</TextBlock>
<TextBlock Text="{Binding ElementName=mySourceElement,Path=Text }" Grid.Row="2" />
</Grid>
</Window>
- Example01
- we have a slider control, then we have two textboxes bound to the value property of the slider. one has its text property bound, the second has its fontsize property bound.
<Grid>
<Grid.RowDefinitions >
<RowDefinition Height="40px" />
<RowDefinition Height="40px" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Slider Name="fontSizeSlider" Minimum="5" Maximum="100"
Value="10" Grid.Row="0" />
<TextBox Name="SizeTextBox"
Text="{Binding ElementName=fontSizeSlider, Path=Value}" Grid.Row="1"/>
<TextBlock Text="Example 01"
FontSize="{Binding ElementName=SizeTextBox, Path=Text}" Grid.Row="2"/>
</Grid>
- Example02
- very much like the previous example but it also has a font dropdown
<Grid>
<Grid.RowDefinitions >
<RowDefinition Height="20px" />
<RowDefinition Height="40px" />
<RowDefinition Height="40px" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<ComboBox Name="FontNameList" SelectedIndex="0" Grid.Row="0">
<ComboBoxItem Content="Arial" />
<ComboBoxItem Content="Calibri" />
<ComboBoxItem Content="Times New Roman" />
<ComboBoxItem Content="Verdana" />
</ComboBox>
<Slider Name="fontSizeSlider" Minimum="5" Maximum="100" Value="10" Grid.Row="1" />
<TextBox Name="SizeTextBox" Text="{Binding ElementName=fontSizeSlider, Path=Value}" Grid.Row="2"/>
<TextBlock Text="Example 01" FontFamily="{Binding ElementName=FontNameList, Path=Text}"
FontSize="{Binding ElementName=SizeTextBox, Path=Text}" Grid.Row="3"/>
</Grid>
- Example03
- In this example we bind to an object Employee.cs
- Notice we added a directive to our xaml which is clr-namespace and the namespace for our employee Class
xmlns:local="clr-namespace:Example03"
- In Our windows Resources we create an instance of our object
<Window.Resources>
<local:Employee x:Key="MyEmployee" EmployeeNumber="145"
FirstName="John"
LastName="Doe"
Department="Product Development"
Title="QA Manager" />
</Window.Resources>
- then we bind our container to the that instance of the data
<Grid DataContext="{StaticResource MyEmployee}">
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions >
<ColumnDefinition Width="130px" />
<ColumnDefinition Width="178*" />
</Grid.ColumnDefinitions>
</Grid>
- and Finally we have textboxes that will bind to that textbox
<Label Grid.Row="0" Grid.Column="0">Employee Number</Label>
<TextBox Grid.Row="0" Grid.Column="1" Text="{Binding Path=EmployeeNumber}"></TextBox>
<Label Grid.Row="1" Grid.Column="0">First Name</Label>
<TextBox Grid.Row="1" Grid.Column="1" Text="{Binding Path=FirstName}"></TextBox>
<Label Grid.Row="2" Grid.Column="0">Last Name</Label>
<TextBox Grid.Row="2" Grid.Column="1" Text="{Binding Path=LastName}" />
<Label Grid.Row="3" Grid.Column="0">Title</Label>
<TextBox Grid.Row="3" Grid.Column="1" Text="{Binding Path=Title}"></TextBox>
<Label Grid.Row="4" Grid.Column="0">Department</Label>
<TextBox Grid.Row="4" Grid.Column="1" Text="{Binding Path=Department}" />