Привязка данных к ListBox с CheckBox элементами

@Tarveiz · Регистрация: 27.08.2019

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

В моем WPF проекте находится ListBox, к каждому предмету которого также отображается CheckBox.
Собственно, проблема состоит в том, чтобы отобразить нужное количество таких предметов ListBox`a относительно полученных данных. Пускай это будет список строк, каждую строку из которой нужно отобразить в ListBox`е, но при этом значения каждой из строк нужно выводить именно с помощью привязки данных.

Собственно, сама xaml-верстка одной строки ListBox`a выглядит так:

XML
1
2
3
4
5
6
7
<ListBox x:Name="MyListBox" SelectionMode="Multiple">
            <CheckBox Name="Check">
                <StackPanel>
                    <ListBoxItem Content="{Binding (в разработке :) )}"></ListBoxItem>
                </StackPanel>
            </CheckBox>
</ListBox>

Как можно генерить конкретно такой "шаблон" строки для ListBox`a для каждого элемента списка строк? А также, подскажите пожалуйста, каким лучше способом здесь создать привязку? Через DataContent?

@Tarveiz · 26.10.2022, 17:25 **[ТС]**

Сообщение от Andrey-MSK

Tarveiz, ObservableCollection<T> автоматически обновляет привязанный элемент UI при своём изменении во время удаления и добавления элементов.

Понял, спасибо) Извините за глупые вопросы.
Тут также заметил, что при выводе на UI, когда в ObservableCollection есть какие-то данные, почему-то CheckBox не появляется слева от элемента на самой форме. Этот тег, находящийся внутри DataTemplate разве не обозначает его появление?

@Tarveiz · 26.10.2022, 17:26 **[ТС]**

Сообщение от Andrey-MSK

Tarveiz, ObservableCollection<T> автоматически обновляет привязанный элемент UI при своём изменении во время удаления и добавления элементов.

Понял, спасибо) Извините за глупые вопросы.
Тут также заметил, что при выводе на UI, когда в ObservableCollection есть какие-то данные, почему-то CheckBox не появляется слева от элемента на самой форме. Этот тег, находящийся внутри DataTemplate разве не обозначает его появление?

@Элд Хасп · 26.10.2022, 20:29

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

При реализации INotifyCollectionChanged, необходимо описать лишь один ивент

Не путайте INotifyCollectionChanged с INotifyPropertyChanged.
Второе - это интерфейс объекта для извещения об изменении его свойств.
Первое - это интерфейс коллекции для извещения о добавлении/удалении/замене её элементов.

И писать свою коллекцию с INotifyCollectionChanged или с IBindingList - почти всегда бессмысленно.
Используются уже готовые .Net коллекции с реализацией этих интерфейсов.
В WPF принято использовать ObservableCollection<T> в которой реализован INotifyCollectionChanged.
В Формах используется BindingList<T>. Её можно использовать и в WPF, но это имеет смысл только если пишется общая ViewModel под представления WPF и Форм.

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

Этого не будет, как я понимаю, достаточно, чтобы данные автоматически на форме обновлялись?

Будет достаточно.
Я же вам сразу написал реализацию в пост №14.
Вы хоть попробовали её применить?

@Tarveiz · 28.10.2022, 21:57 **[ТС]**

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

Будет достаточно.
Я же вам сразу написал реализацию в пост №14.
Вы хоть попробовали её применить?

Да, уже успел попробовать, все динамически обновляется, спасибо) Правда я все так и не могу понять, почему не работает CheckBox из DataTemplate. Как я понимаю, он как часть шаблона записи ListBox`a должен выводиться, однако ничего не происходит.

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

Не путайте INotifyCollectionChanged с INotifyPropertyChanged.
Второе - это интерфейс объекта для извещения об изменении его свойств.
Первое - это интерфейс коллекции для извещения о добавлении/удалении/замене её элементов.
И писать свою коллекцию с INotifyCollectionChanged или с IBindingList - почти всегда бессмысленно.
Используются уже готовые .Net коллекции с реализацией этих интерфейсов.
В WPF принято использовать ObservableCollection<T> в которой реализован INotifyCollectionChanged.
В Формах используется BindingList<T>. Её можно использовать и в WPF, но это имеет смысл только если пишется общая ViewModel под представления WPF и Форм.

Я думал написать свою такую коллекцию с задачей понимания что ли самого процесса. Но, в любом случае, спасибо что разъяснили.

@Элд Хасп · 28.10.2022, 22:01

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

Я думал написать свою такую коллекцию с задачей понимания что ли самого процесса.

Попробуйте.
Это не сложная задача.

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

я все так и не могу понять, почему не работает CheckBox из DataTemplate. Как я понимаю, он как часть шаблона записи ListBox`a должен выводиться, однако ничего не происходит.

Уже запутался.
О какой реализации вы и что в ней не работает?

@Tarveiz · 28.10.2022, 22:18 **[ТС]**

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

Уже запутался.
О какой реализации вы и что в ней не работает?

Об этом:

XML
1
2
3
4
5
6
7
8
9
<Window.Resources>
   <DataTemplate DataType="sys:String" x:Key="string.Template">
       <CheckBox IsChecked="{Binding IsSelected, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListBoxItem}}}"/>
   </DataTemplate>
</Window.Resources>
<ListBox SelectionMode="Multiple" Margin="310,25,140,143" 
                 SelectionChanged="MyListBox_SelectionChanged"
                 ItemsSource="{Binding MyListString}"
                 ItemTemplate="{DynamicResource string.Template}"/>

@Элд Хасп · 28.10.2022, 22:26

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

Об этом:

А где привязка контента?

XML
1
2
3
4
5
6
<Window.Resources>
   <DataTemplate DataType="sys:String" x:Key="string.Template">
       <CheckBox IsChecked="{Binding IsSelected, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListBoxItem}}}"
                 Content="{Binding}"/>
   </DataTemplate>
</Window.Resources>

@Tarveiz · 29.10.2022, 13:06 **[ТС]**

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

А где привязка контента?

А какой Content может быть у CheckBox? Я понимаю этот атрибут в других элементах, но ведь CheckBox даже ничего не выводит..

@Элд Хасп · 29.10.2022, 14:00

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

А какой Content может быть у CheckBox? Я понимаю этот атрибут в других элементах, но ведь CheckBox даже ничего не выводит..

Но хоть самые азы можете сами изучить?

Привязка данных к ListBox с CheckBox элементами

CheckBox - это разновидность кнопки.
А кнопка это разновидность ContentControl.
ContentControl - это Control со свойством Content.

@Tarveiz · 29.10.2022, 14:25 **[ТС]**

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

Не путайте INotifyCollectionChanged с INotifyPropertyChanged.
Второе - это интерфейс объекта для извещения об изменении его свойств.

Можно ли использовать этот интерфейс в качестве задания настроек пользователя для VM? В плане, пользователь что-то выбирает из предложенных на форме элементами, а затем, относительно этих настроек уже совершать дальнейшую логику.

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

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

Но хоть самые азы можете сами изучить?
CheckBox - это разновидность кнопки.
А кнопка это разновидность ContentControl.
ContentControl - это Control со свойством Content.

Странно, я думал, что тег Content нужен тут конкретно от ListBox`a использовать.

@Элд Хасп · 29.10.2022, 14:48

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

что тег Content нужен тут конкретно от ListBox`a использовать.

В контент ListBoxItem будут передаваться элементы коллекции.
А визуализация этого контента производится Шаблоном Данных.
Вы задаёте Шаблон Данных по умолчанию для String и элементы коллекции у вас String. Поэтому будет использован этот Шаблон.
Но в самом Шаблоне нужно указать как визуализировать объект в Content - в данном случае строку.
Вам же нужно её отобразить? Значит нужно задать чем её отражать. Вот для этого и нужно Content="{Binding}". А без этого CheckBox будет только выводить ячейки для галочек.

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

Можно ли использовать этот интерфейс в качестве задания настроек пользователя для VM?

Этот интерфейс служит для уведомления привязки о необходимости заново прочитать свойство источник.
Поэтому если свойства мутабельные (имеют сеттер), то ОБЯЗАТЕЛЬНО в сеттер должно быть встроено уведомление об изменении свойства через событие INotifyPropertyChanged.PropertyChanged.

Добавлено через 1 минуту
Tarveiz, прочитайте темы по ссылке в подписи моего поста.
И используйте для простых задач базовые классы отсюда: Простые реализации для тем на форуме

@Tarveiz · 29.10.2022, 16:26 **[ТС]**

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

Вам же нужно её отобразить? Значит нужно задать чем её отражать. Вот для этого и нужно Content="{Binding}". А без этого CheckBox будет только выводить ячейки для галочек.

Простите, я не понимаю. Только что попробовал, прописал Content="{Binding}", но, как понимаю, ему же нужно задать источник, правильно? То есть Source, но к чему его присваивать я не пойму. Вот здесь:

XML
1
<ListBox ItemsSource="{Binding MyListString}" ItemTemplate="{DynamicResource string.Template}"/>

Мы же уже привязываемся к коллекции и шаблону данных. Получается, CheckBox Content надо привязать к ListBox`у и его свойству Item?

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

Tarveiz, прочитайте темы по ссылке в подписи моего поста.
И используйте для простых задач базовые классы отсюда: Простые реализации для тем на форуме

Простое чтение без практики мне особо не поможет. Поэтому на примере и пытаюсь понять моменты работы с WPF и шарпом

@Элд Хасп · 29.10.2022, 17:42

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

Получается, CheckBox Content надо привязать к ListBox`у и его свойству Item?

Нет.
Условно ваш ListBox будет раскрыт в такое визуальное дерево:

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<ListBox ItemsSource="{Binding MyListString}"
            ItemTemplate="{DynamicResource string.Template}">
    <ListBoxItem DataContext="{Binding MyListString[0]}">
        <CheckBox IsChecked="{Binding IsSelected, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListBoxItem}}}"
                    Content="{Binding}"/>
    </ListBoxItem>
    <ListBoxItem DataContext="{Binding MyListString[1]}">
        <CheckBox IsChecked="{Binding IsSelected, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListBoxItem}}}"
                    Content="{Binding}"/>
    </ListBoxItem>
    <ListBoxItem DataContext="{Binding MyListString[2]}">
        <CheckBox IsChecked="{Binding IsSelected, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListBoxItem}}}"
                    Content="{Binding}"/>
    </ListBoxItem>
 
    <!-- И так для каждого элемента коллекции MyListString -->
 
</ListBox>

Следовательно, по логике каждый CheckBox получит содержание по такой привязке {Binding MyListString[индекс]}.

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

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

Только что попробовал, прописал Content="{Binding}", но, как понимаю, ему же нужно задать источник, правильно?

Источником по умолчанию для привязки служит текущий Контекст Данных.
Когда ItemsControl создаёт ListBoxItem для представления элементов, то он каждому из них передаёт в Контекст Данных соответсвующий элемент коллекции из источника ItemsSource.

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

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

Поэтому на примере и пытаюсь понять

Я же дал вам полный пример сразу в пост №2
Проще и понятнее, вроде, некуда.

@Tarveiz · 03.11.2022, 18:31 **[ТС]**

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

А если у меня не статичный список, а динамически наполняемый? В коде шарпа я просто бы через цикл сделал, но как это сделать в xaml`е?

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

Я же дал вам полный пример сразу в пост №2
Проще и понятнее, вроде, некуда.

Тем не менее, вопросов у меня предостаточно оказалось, как видите)

@Элд Хасп · 03.11.2022, 18:51

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

А если у меня не статичный список, а динамически наполняемый?

Я даже не знаю как вам ещё объяснить....

Коллекцию вы передаёте как вы сами написали здесь: ItemsSource="{Binding MyListString}".

Шаблон для разворачивания элементы коллекции в визуальное представление задаёте как здесь: <DataTemplate DataType="sys:String" x:Key="string.Template">.

А здесь я показал как СХЕМАТИЧНО можно представить компоновку полученную XAML созданным вышеуказанным способом Условно ваш ListBox будет раскрыт в такое визуальное дерево.
"Руками" писать такой XAML не нужно.

Второе, что такое "динамический список"?
Если при изменении списка вы создаёте новый экземпляр списка, то это может быть любая коллекция реализующая IEnumerable. Главное что свойство с коллекцией уведомляло о своём изменении через INotifyPropertyChanged.PropertyChanged.

Если же это всегда один и тот же экземпляр коллекции, то для для обновления его представления коллекция должна быть наблюдаемой (то есть реализующей INotifyCollectionChanged), или привязываемой (IBindingList), или таблицей (DataTable).

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

Тем не менее, вопросов у меня предостаточно оказалось, как видите)

Покажите код который вы реализовали.
Покажите результат его работы.
Опишите что получилось в нём реализовать, а что не получилось но хотелось бы.
Пока у вас не получается даже вопросы нормально задать.
Такое ощущение (условно, конечно), что вы читает книжку лёжа на диване, а компьютер даже не включаете.

Новые блоги и статьи Все статьи Все блоги /
Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого zorxor 21.09.2026 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .	Запрет дублирования строк в табличной части Maks 13.09.2026 Реализация из решения ниже выполнена на нетиповом справочнике "Нормы ТО" с табличной часть "Виды ТО", разработанного в КА2, со следующими реквизитами: - ВидТО (СправочникСсылка. ВидыТО); - ВидГСМ. . .	Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Jin X 06.09.2026 Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Работая с форумом и нейросетями в браузере часто хочется что-то подкорректировать или добавить какого-то функционала. Ниже прикреплён. . .
Программа опроса у.з. расходомера SLS-720F Argus19 02.09.2026 Программа опроса у. з. расходомера SLS-720F Программа опрашивает один раз в минуту три ультразвуковых расходомера SLS-720F через интерфейс RS-485 по протоколу Modbus RTU. Опрашиваются регистры. . .	Hyper-V: Компьютер должен поддерживать доверенный платформенный модуль 2.0. Maks 31.08.2026 При установке Windows 11 на виртуальную машину Hyper-V 2-го поколения вылезла такая ошибка: Решение: в параметрах виртуальной машины, в разделе "Безопасность" (Security) активировать флаг. . .	Архитектура биовида Стива в Майнкрафте: Зачем бонобо кубический каннибализм anaschu 30.08.2026 Кубический Вагинокапитализм в Minecraft: Математический инвариант ОДУ и рок Стивов-бонобо Главная задача разработанной «Модели Всего» — наглядно продемонстрировать наличие системной «судьбы». . .	Оттачиваю умение писать js программы. russiannick 30.08.2026 Проектом выходного дня стало написание Книги шифров Виженера. Итогом стала версия 200, синий туман. Синий туман назван так, потому что замораживает текст под собой. Нажатие синих кнопок управляют. . .