Master Detail Binding : Binding « Windows Presentation Foundation « C# / CSharp Tutorial






<Window x:Class="WpfApplication1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MasterDetailBinding"
    xmlns:local="clr-namespace:WpfApplication1">
  <Window.Resources>
    <local:Companies x:Key="Companies">
      <local:Company CompanyName="Stooge">
        <local:Company.Members>
          <local:Team>
            <local:Employee Name="Larry" Age="21">
              <local:Employee.Skills>
                <local:Skills>
                  <local:Skill Description="A" />
                  <local:Skill Description="B" />
                  <local:Skill Description="C" />
                </local:Skills>
              </local:Employee.Skills>
            </local:Employee>
            <local:Employee Name="Moe" Age="22" >
              <local:Employee.Skills>
                <local:Skills>
                  <local:Skill Description="D" />
                  <local:Skill Description="E" />
                </local:Skills>
              </local:Employee.Skills>
            </local:Employee>
            <local:Employee Name="Curly" Age="23" >
              <local:Employee.Skills>
                <local:Skills>
                  <local:Skill Description="F" />
                  <local:Skill Description="G" />
                </local:Skills>
              </local:Employee.Skills>
            </local:Employee>
          </local:Team>
        </local:Company.Members>
      </local:Company>
      <local:Company CompanyName="Addams">
        <local:Company.Members>
          <local:Team>
            <local:Employee Name="Gomez" Age="135" >
              <local:Employee.Skills>
                <local:Skills>
                  <local:Skill Description="H" />
                  <local:Skill Description="Z" />
                  <local:Skill Description="Q" />
                </local:Skills>
              </local:Employee.Skills>
            </local:Employee>
            <local:Employee Name="Morticia" Age="121" >
              <local:Employee.Skills>
                <local:Skills>
                  <local:Skill Description="R" />
                  <local:Skill Description="P" />
                  <local:Skill Description="L" />
                </local:Skills>
              </local:Employee.Skills>
            </local:Employee>
            <local:Employee Name="Fester" Age="137" >
              <local:Employee.Skills>
                <local:Skills>
                  <local:Skill Description="R" />
                  <local:Skill Description="S" />
                  <local:Skill Description="U" />
                </local:Skills>
              </local:Employee.Skills>
            </local:Employee>
          </local:Team>
        </local:Company.Members>
      </local:Company>
    </local:Companies>
  </Window.Resources>
  <Grid DataContext="{StaticResource Companies}">
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto" />
      <RowDefinition />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
      <ColumnDefinition />
      <ColumnDefinition />
      <ColumnDefinition />
    </Grid.ColumnDefinitions>
    <TextBlock Grid.Row="0" Grid.Column="0">Companies:</TextBlock>
    <ListBox Grid.Row="1" Grid.Column="0" ItemsSource="{Binding}" IsSynchronizedWithCurrentItem="True">
      <ListBox.ItemTemplate>
        <DataTemplate>
          <TextBlock Text="{Binding Path=CompanyName}" />
        </DataTemplate>
      </ListBox.ItemTemplate>
    </ListBox>
    <StackPanel Grid.Row="0" Grid.Column="1" Orientation="Horizontal">
      <TextBlock Text="{Binding Path=CompanyName}" />
      <TextBlock Text=" Company Members:" />
    </StackPanel>
    <ListBox Grid.Row="1" Grid.Column="1" ItemsSource="{Binding Path=Members}" IsSynchronizedWithCurrentItem="True">
      <ListBox.ItemTemplate>
        <DataTemplate>
          <TextBlock>
            <TextBlock Text="{Binding Path=Name}" />
            (age: <TextBlock Text="{Binding Path=Age}" />)
          </TextBlock>
        </DataTemplate>
      </ListBox.ItemTemplate>
    </ListBox>
    <StackPanel Grid.Row="0" Grid.Column="2" Orientation="Horizontal">
      <TextBlock Text="{Binding Path=Members/Name}" />
      <TextBlock Text=" Skills:" />
    </StackPanel>
    <ListBox Grid.Row="1" Grid.Column="2" ItemsSource="{Binding Path=Members/Skills}" IsSynchronizedWithCurrentItem="True">
      <ListBox.ItemTemplate>
        <DataTemplate>
          <TextBlock Text="{Binding Path=Description}" />
        </DataTemplate>
      </ListBox.ItemTemplate>
    </ListBox>

  </Grid>
</Window>

//File:Window.xaml.cs
using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Media;
using System.Windows.Shapes;
using System.Collections.ObjectModel;


namespace WpfApplication1 {

  public class Skill {
    string description;
    public string Description {
      get { return description; }
      set { description = value; }
    }
  }

  public class Skills : ObservableCollection<Skill> { }

  public class Employee {
    string name;
    public string Name {
      get { return name; }
      set { name = value; }
    }

    int age;
    public int Age {
      get { return age; }
      set { age = value; }
    }

    Skills traits;
    public Skills Skills {
      get { return traits; }
      set { traits = value; }
    }
  }

  public class Team : ObservableCollection<Employee> { }

  public class Company {
    string familyName;
    public string CompanyName {
      get { return familyName; }
      set { familyName = value; }
    }

    Team members;
    public Team Members {
      get { return members; }
      set { members = value; }
    }
  }

  public class Companies : ObservableCollection<Company> { }

  public partial class Window1 : Window {
    public Window1() {
      InitializeComponent();
    }
  }
}
WPF Master Detail Binding








24.129.Binding
24.129.1.Bind to Window itselfBind to Window itself
24.129.2.Two level path bindingTwo level path binding
24.129.3.Bind RelativeSource's AncestorTypeBind RelativeSource's AncestorType
24.129.4.Bind RelativeSource's AncestorType's PathBind RelativeSource's AncestorType's Path
24.129.5.Bind Stroke Thickness to SliderBind Stroke Thickness to Slider
24.129.6.Desktop to ControlDesktop to Control
24.129.7.Binding With Data ContextBinding With Data Context
24.129.8.Long Binding PathLong Binding Path
24.129.9.Bind ListBox ItemsSource to DayNames property of DateTimeFormatInfoBind ListBox ItemsSource to DayNames property of DateTimeFormatInfo
24.129.10.Bind TextBlock Text to SelectedItem property of ListBoxBind TextBlock Text to SelectedItem property of ListBox
24.129.11.Binding FontFamily / FontSize value for current ControlBinding FontFamily / FontSize value for current Control
24.129.12.Bind to IDataErrorInfoBind to IDataErrorInfo
24.129.13.DataTemplate for bindingDataTemplate for binding
24.129.14.Binding Environment InfoBinding Environment Info
24.129.15.Bind to an ADO.NETDataSetBind to an ADO.NETDataSet
24.129.16.Add a value converter to a binding using XAMLAdd a value converter to a binding using XAML
24.129.17.Custom Dialog with data bindingCustom Dialog with data binding
24.129.18.One way and two way bindingOne way and two way binding
24.129.19.Object BindingObject Binding
24.129.20.Without BindingWithout Binding
24.129.21.Master Detail BindingMaster Detail Binding
24.129.22.Data binding using collections composed of mixed types of data.Data binding using collections composed of mixed types of data.
24.129.23.List BindingList Binding
24.129.24.Async bindingAsync binding
24.129.25.Hierarchical Binding for three level nested objectsHierarchical Binding for three level nested objects
24.129.26.BindingOperations.GetBindingExpressionBindingOperations.GetBindingExpression
24.129.27.Bind to enum typesBind to enum types
24.129.28.Bind to a MethodBind to a Method
24.129.29.Bind an ItemsControl to the CollectionViewSource, Set its DisplayMemberPath to display the Name propertyBind an ItemsControl to the CollectionViewSource, Set its DisplayMemberPath to display the Name property
24.129.30.Bind to the Values of an EnumerationBind to the Values of an Enumeration
24.129.31.Bind to an Existing Object InstanceBind to an Existing Object Instance
24.129.32.Digital ClockDigital Clock
24.129.33.Formatted Digital ClockFormatted Digital Clock
24.129.34.Manual Update TargetManual Update Target