Создание простого Binding'a (привязка класса к ListBox)

@KEKCoGEN · Регистрация: 28.12.2010

Студворк — интернет-сервис помощи студентам

При освоении технологии binding столкнулся с проблемой. Есть ListBox и есть, скажем класс Person. Определяем ObservableCollection<Person> ppl и хотим привязать его содержимое в ListBox. Для этого делаю следующее:

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<Grid>
        <ListBox ItemsSource="{Binding Path=ppl}" Height="194" HorizontalAlignment="Left" Margin="12,12,0,0" Name="listBox1" VerticalAlignment="Top" Width="151">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Grid ShowGridLines="True">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="20" />
                            <ColumnDefinition Width="20" />
                        </Grid.ColumnDefinitions>
 
                        <TextBlock Text="{Binding Name}"
                                           Grid.Column="0" />
                        <TextBlock Text="{Binding Age}"
                                           Grid.Column="1" />
                    </Grid>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
        <Button Content="Add" Height="23" HorizontalAlignment="Left" Margin="182,12,0,0" Name="button1" VerticalAlignment="Top" Width="75" Click="button1_Click" />
    </Grid>

В Code Behind:

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
namespace WpfApplication1
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public ObservableCollection<Person> ppl;
        public MainWindow()
        {
            InitializeComponent();
            ppl = new ObservableCollection<Person>();
      //     listBox1.ItemsSource = ppl;
            ppl.Add(new Person { Name = "One", Age = 15 });
        }
 
        private void button1_Click(object sender, RoutedEventArgs e)
        {
            ppl.Add(new Person { Name = "Two", Age = 25 });
   
        }
    }
}

Окно ListBox остается пустым. В интернете нашел инфу что надо реализовывать некий интерфейс, но если раскомментировать строку // listBox1.ItemsSource = ppl; то все работает....да и где то видел приимер привязки без этого самого интерфейса.
Спасибо

Добавлено через 17 часов 6 минут
Неужели нет ответа на вроде бы простой вопрос?

@skilllab · 23.08.2018, 13:21

Сообщение от Элд Хасп

Эта ссылка на null и была присвоена как источник

Всё верно.

Добавлено через 1 минуту

Сообщение от SatanaXIII

уже подсказал

Не увидел. Невнимательный я))

Добавлено через 3 минуты

Сообщение от Элд Хасп

Но он не даёт уведомления об изменении значения элементов, и о переинициализации списка

Для этой штуки можно сделать вот так

@SatanaXIII · 24.08.2018, 10:07

Так, ладно, а самый интересный то вопрос:

Сообщение от SatanaXIII

А в чем же разница?

@Элд Хасп · 24.08.2018, 13:48

Сообщение от SatanaXIII

Так, ладно, а самый интересный то вопрос:

Сообщение от SatanaXIII

А в чем же разница?

По моему предположению из такой цитаты

RelativeSource
Указывает на исходный объект, использующий объект RelativeSource, который позволяет базировать ссылку на текущем элементе. Это специализированный инструмент, который удобен при написании шаблонов элементов управления и шаблонов данных.

я предполагаю, что в таком случае связывание создаётся не в момент инициализации элемента, а в момент его визуализации. И, соответственно, если к этому моменту объект для связывания уже создан, то он "подхватывается" связкой.

Добавлено через 7 минут
Пытался понять https://docs.microsoft.com/ru-... pextension
Но моего английского не хватает, а русский перевод - кривой.

@Элд Хасп · 26.08.2018, 11:23

Для проверки предположения проделал эксперемент
XAML

Кликните здесь для просмотра всего текста

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
    <Grid Margin="10">
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition  />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
 
        <DataGrid AutoGenerateColumns="True" 
                  Name="DG1" Margin="10"
                  ItemsSource="{Binding DGItems, ElementName=DGForm}"
            />
 
        <DataGrid Grid.Column="1"
                  AutoGenerateColumns="True" 
                  Name="DG2" Margin="10"
                  ItemsSource="{Binding Path=DGItems, 
                                        RelativeSource={RelativeSource FindAncestor, AncestorType=Window}}"
                />
        <Button x:Name="Button_ChangeLink" Content="Изменить ссылку" VerticalAlignment="Center" HorizontalAlignment="Center" Click="Button_ChangeLink_Click"  Grid.Row="1"/>
        <Button x:Name="Button_Notify" Content="Уведомить об изменении" VerticalAlignment="Center" HorizontalAlignment="Center" Click="Button_Notify_Click"  Grid.Row="1" Grid.Column="1"/>
    </Grid>

Код

Кликните здесь для просмотра всего текста

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
    public partial class MainWindow : Window, INotifyPropertyChanged
    {
        public ObservableCollection<DGItem> DGItems { get; set; }
 
        #region PropertyChanged
        public event PropertyChangedEventHandler PropertyChanged;
        private void NotifyPropertyChanged(string propertyName)
            => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        #endregion
 
        private ObservableCollection<DGItem> DGItems_Link1
            = new ObservableCollection<DGItem>
            {
                new DGItem("S", 1),
                new DGItem("Q", 2),
                new DGItem("R", 3)
            };
        private ObservableCollection<DGItem> DGItems_Link2
            = new ObservableCollection<DGItem>
            {
                new DGItem("Ы", 45),
                new DGItem("Й", 67),
                new DGItem("Ц", 89)
            };
 
        public MainWindow()
        {
            InitializeComponent();
 
            DGItems = DGItems_Link1;
 
        }
 
 
        private void Button_ChangeLink_Click(object sender, RoutedEventArgs e)
        {
            if (DGItems == DGItems_Link1) DGItems = DGItems_Link2;
            else DGItems = DGItems_Link1;
        }
 
        private void Button_Notify_Click(object sender, RoutedEventArgs e)
        {
            NotifyPropertyChanged("DGItems");
        }
    }

Предположение подтвердилось!

Новые блоги и статьи Все статьи Все блоги /
Асинхронный приём данных из COM-порта Argus19 01.05.2026 Асинхронный приём данных из COM-порта Купил на aliexpress термопринтер QR701. Он оказался странным. Поключил к Arduino Nano. Был очень удивлён. Наотрез отказывается печатать русские буквы. Чтобы. . .	попытка написать игровой сервер на C++ pyirrlicht 29.04.2026 попытка написать игровой сервер на плюсах с открытым бесконечным миром. возможно получится прикрутить интерпретатор питон для кастомизации игровой логики. что есть на текущий момент:. . .	Контроль уникальности выбранного документа-основания при изменении реквизита Maks 28.04.2026 Алгоритм из решения ниже разработан на примере нетипового документа "ЗаявкаНаРемонтСпецтехники", разработанного в КА2. Задача: уведомлять пользователя, если указанная заявка (документ-основание). . .	Благородство как наказание Maks 24.04.2026 У хорошего человека отношения с женщинами всегда складываются трудно. А я человек хороший. Заявляю без тени смущения, потому что гордиться тут нечем. От хорошего человека ждут соответствующего. . .
Валидация и контроль данных табличной части документа перед записью Maks 22.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в КА2. Задача: контроль и валидация данных табличной части документа перед записью с учетом регламента компании. . .	Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .