Как создать выпадающий список?

@Shamil1 · Регистрация: 26.03.2015

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

Windows 7, VS 2012, WPF.
(Опыта использования WPF у меня нет).

У сущности (POCO) есть строковое (один символ) свойство Position. Я хочу ограничить выбор выпадающим списком и одновременно вместо односимвольных кодов показывать пользователю осмысленные названия. Как это лучше всего сделать?

Я решил использовать ComboBox.

Для формирования списка я создал класс:

C#
1
2
3
4
5
6
7
    public class DictItem
    {
        public static readonly List<DictItem> PositionDict = new List<DictItem> {/* тут список */};
 
        public string Code { get; set; }
        public string Caption { get; set; }
    }

Я не нашёл нормального способа назначить список DictItem.PositionDict свойству ItemsSource комбобокса. В итоге пришлось добавить на страницу свойство

C#
1
        public List<DictItem> PositionDict { get { return DictItem.PositionDict ; } }

а в XAML написать
ItemsSource="{Binding PositionDict, RelativeSource={RelativeSource FindAncestor, AncestorType=Page}}"

При этом в списке вместо значений Caption почему-то отображались значения ToString() (то есть, имя класса DataItem). Пришлось заменить элегантное DisplayMemberPath="Caption" на громоздкое

XML
1
2
3
4
5
6
7
                <ComboBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <TextBlock Text="{Binding Caption}" />
                        </StackPanel>
                    </DataTemplate>
                </ComboBox.ItemTemplate>

В форме поиска мне нужен такой список, но с возможностью задать значение null. Я нагуглил и попробовал несколько разных способов, но все они либо не подходили, либо не срабатывали. Например, вот это не работает:

XML
1
2
3
4
5
6
                <ComboBox.ItemsSource>
                    <CompositeCollection>
                        <data:DictItem Code="" Caption="any"></data:DictItem>
                        <CollectionContainer Collection="{Binding PositionDict, RelativeSource={RelativeSource FindAncestor, AncestorType=Page}}" />
                    </CompositeCollection>
                </ComboBox.ItemsSource>

(отображается только нул-элемент, сам список не отображается)

В итоге маячит перспектива добавлять нул-элемент в коде, для чего создать ещё одно свойство у страницы.

Какие есть стандартные способы для решения этой задачи?

Хотелось бы
1. в качестве источника данных использовать непосредственно (без дублирующего свойства в коде) DictItem.PositionDict (например, создать ресурс на странице)
2. для отображения использовать DisplayMemberPath, а не ItemTemplate
3. использовать ту же привязку и на форме поиска

@Shamil1 · 30.03.2015, 01:31 **[ТС]**

В принципе, я готов переписать свой код, касающийся этих комбобоксов, так как он мне всё равно не нравится. Поэтому, если ни у кого нет идей, как исправить мой, то предложите свой вариант работы с выпадающими списками.

з.ы. Я два дня в гугле провёл. но не нашёл ничего, что мне бы подошло.

@Элд Хасп · 07.01.2023, 15:16

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

30.03.2015

Тема старая, но может кто наткнётся и так же не найдёт ответа....

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

1. в качестве источника данных использовать непосредственно (без дублирующего свойства в коде) DictItem.PositionDict (например, создать ресурс на странице)

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

...В итоге пришлось добавить на страницу свойство
....
а в XAML написать
ItemsSource="{Binding PositionDict, RelativeSource={RelativeSource FindAncestor, AncestorType=Page}}"

Платформа GUI не указана.
Для WPF будет так: ItemsSource="{x:Static data:DictItem.PositionDict}"

Не во всех платформах есть x:Static. На UWP, вроде, его нет. И на некоторых может требоваться чтобы PositionDict было обязательно свойством.

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

Например, вот это не работает:

XML
1
                        <CollectionContainer Collection="{Binding PositionDict, RelativeSource={RelativeSource FindAncestor, AncestorType=Page}}" />

(отображается только нул-элемент, сам список не отображается)

CompositeCollection и CollectionContainer - это DependencyObject. И они не встраиваются в визуальное дерево. Поэтому и привязки по визуальному дереву в них не работают. Работают привязки только с явным заданием источника Source=....
Можно задать ссылку сразу на статическое свойство:

XML
1
  <CollectionContainer Collection="{x:Static data:DictItem.PositionDict}" />

Если же нужна именно привязка (например к свойству VM), то придётся использовать какой-то прокси.
В случае коллекций - можно CollectionViewSource.

XML
1
2
3
4
5
6
7
8
9
10
    <ComboBox ItemsSource="{DynamicResource items}">
        <ComboBox.Resources>
            <CollectionViewSource x:Key="source"
                                    Source="{Binding PositionDict, RelativeSource={RelativeSource FindAncestor, AncestorType=Page}}"/>
            <CompositeCollection x:Key="items">
                <data:DictItem Code="" Caption="any"></data:DictItem>
                <CollectionContainer Collection="{Binding Source, Source={StaticResource source}}" />
            </CompositeCollection>
        </ComboBox.Resources>
    </ComboBox>

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

2. для отображения использовать DisplayMemberPath, а не ItemTemplate

Этого не понял.
По идее должно работать без ких-либо проблем.
Может вы как-то не так указывали? Перепутали регистр, раскладку?

XML
1
2
    <ComboBox ItemsSource="{DynamicResource items}"
              DisplayMemberPath="Caption">

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

3. использовать ту же привязку и на форме поиска

"Ту же" - это какую?
Если коллекцию PositionDict - то через икс-статик можно использовать на любом уровне.
Если CollectionViewSource x:Key="source" с нулевым элементом - то объявите его в ресурсах App.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@Shamil1 Модератор 3134 / 2281 / 469 Регистрация: 26.03.2015 Сообщений: 8,878
	30.03.2015, 01:31 [ТС]
	В принципе, я готов переписать свой код, касающийся этих комбобоксов, так как он мне всё равно не нравится. Поэтому, если ни у кого нет идей, как исправить мой, то предложите свой вариант работы с выпадающими списками. з.ы. Я два дня в гугле провёл. но не нашёл ничего, что мне бы подошло. 0