How to display data in a textblock from a listbox of objects using databinding?

Question

This is my XAML:

<Window x:Class="H7_oef1_listBinding.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="517.164" Width="733.955">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="457*"/>
            <ColumnDefinition Width="60*"/>
        </Grid.ColumnDefinitions>
        <ListBox ItemsSource="{Binding}" HorizontalAlignment="Left" Height="299" Margin="10,10,0,0" VerticalAlignment="Top" Width="128">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Padding="5,0,5,0" Text="{Binding Name}" />
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
        <TextBlock HorizontalAlignment="Left" Margin="295,31,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Text="{Binding Path=Name}"/>
        <TextBlock HorizontalAlignment="Left" Margin="295,31,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Text="{Binding Path=Street}"/>

    </Grid>
</Window>

This is my Person class:

class Person : INotifyPropertyChanged
    {
        string name;
        string street;

        public string Name
        {
            get { return name; }
            set
            {
                name = value;
                OnPropertyChanged();
            }
        }

        public string Street
        {
            get { return street; }
            set
            {
                street = value;
                OnPropertyChanged();
            }
        }

        public static ObservableCollection<Person> GetPersons()
        {
            var persons = new ObservableCollection<Person>();
            persons.Add(new Person() { Name = "name1", Street = "street1", City = "city1", State = "state1", Zip = "1111", Phone = "1111", Cell = "111" });
            persons.Add(new Person() { Name = "name2", Street = "street2", City = "city2", State = "state2", Zip = "2222", Phone = "2222", Cell = "2222" });
            return persons;

        }

        public event PropertyChangedEventHandler PropertyChanged;
        private void OnPropertyChanged([CallerMemberName] string caller = "")
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(caller));
            }

        }

    }

Main:

public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            DataContext = Person.GetPersons();
        }
    }

I want that the details are shown in the textblocks next to the listbox using the name that is selected in the listbox. How can I do this using databinding?

See How to: Bind to a Collection and Display Information Based on Selection and the Binding to Collections section in the Data Binding Overview article on MSDN. — Clemens
– Clemens, Commented Dec 6, 2014 at 9:27

dkozl · Accepted Answer · 2014-12-06 09:47:18Z

1

You can bind to TextBlock to a property of ListBox.SelectedItem. Give ListBox some name and use it ElementName binding

<ListBox ItemsSource="{Binding}" ... x:Name="myListBox">
    <!-- ... -->
</ListBox>
<TextBlock ... Text="{Binding ElementName=myListBox, Path=SelectedItem.Name}"/>
<TextBlock ... Text="{Binding ElementName=myListBox, Path=SelectedItem.Street}"/>

answered Dec 6, 2014 at 9:47

dkozl

33.4k8 gold badges89 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rick Over a year ago

Thank you! I couldn't find this.

Collectives™ on Stack Overflow

How to display data in a textblock from a listbox of objects using databinding?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related