Controls Present within DataTemplate of ItemsControl on Button Click

Question

I have an ItemsControl that is bound to a collection.

<ItemsControl ItemsSource="{Binding Classroom.Teachers}">
  <ItemsControl.ItemTemplate>
  <DataTemplate>
  <StackPanel Orientation="Horizontal">
    <TextBox x:Name="tbx" Width="40"/>
    <ComboBox x:Name="cmb" Width="100"/>
    <Button Click="OnClick">
      <TextBlock Text="Add"/>
    </Button>
  </StackPanel>
  <DataTemplate>
</ItemsControl>

In the OnClick handler of the button how to I get the values of tbx and cmb that are local to the DataTemplate of the button which was clicked?

You need `FrameworkTemplate.FindName Method (String, FrameworkElement)` for this purpose like the duplicate one. — Salah Akbari, Sep 11 '17 at 13:32

score 0 · Accepted Answer · answered Sep 11 '17 at 13:35

Try this:

private void OnClick(object sender, RoutedEventArgs e)
{
    Button btn = sender as Button;
    Panel panel = btn.Parent as Panel;

    TextBox tbx = panel.Children[0] as TextBox;
    string s = tbx.Text;

    ComboBox cmb = panel.Children[1] as ComboBox;
    object item = cmb.SelectedItem;
}

But note that a better approach would be to bind the Text property of the TextBox and the SelectedItem property of the ComboBox to some properties of your Teacher class and access these instead.

Controls Present within DataTemplate of ItemsControl on Button Click

1 Answers1