Перейти к основному содержимому

Создание поля ввода со множественным выбором

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

Для включения режима множественного выбора задайте тип данных для поля ввода как Массив<Тип>, например:

Тип: ПолеВвода<Массив<Строка>>

Использование Перечисления или Справочника для задания элементов выбора в поле ввода​

Чтобы использовать перечисление или справочник в качестве источника данных для элементов списка, укажите следующий тип данных для поля ввода:

# Для справочника:
Тип: ПолеВвода<Массив<МойСправочник.Ссылка>>
# Для перечисления:
Тип: ПолеВвода<Массив<МоеПеречисление>>

В примере ниже показано, как создать поле выбора языков программирования, изображенное на рисунке выше. Для заполнения списка значений используются элементы перечисления «ЯзыкПрограммирования».

Тип: ПолеВвода<Массив<ЯзыкПрограммирования>>
Имя: ПолеВыбораЯзыкаПрограммирования
Заголовок: Языки программирования
ЗамещающийТекст: Выберите языки программирования

Перечисление «ЯзыкПрограммирования» определено следующим образом:

ВидЭлемента: Перечисление
Ид: b321c31f-4a37-4136-bb1c-56cae9892897
Имя: ЯзыкПрограммирования
ОбластьВидимости: ВПодсистеме
Элементы:
    -
        Ид: 3d357777-399c-4946-b97b-7e5effafcefb
        Имя: Python
        Представление: Python
    -
        Ид: f9bbfe05-21e6-4a1d-b87a-2d0f1b071da0
        Имя: Java
        Представление: Java
    -
        Ид: 09c77530-4c0a-4391-9146-2346084d969e
        Имя: JavaScript
        Представление: JavaScript
    -
        Ид: 7f3c0c70-9015-4bc2-8347-8a4116b3533c
        Имя: CSharp
        Представление: С#
    -
        Ид: 4d26861c-cc43-4638-a4da-30229343e023
        Имя: Cpp
        Представление: C++

Использование свойства СписокВыбора для задания элементов выбора в поле ввода​

Если в качестве источника данных не выступает перечисление или справочник, вы можете использовать свойство СписокВыбора компонента ПолеВвода, чтобы указать элементы списка выбора.

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

Тип: ПолеВвода<Массив<Строка>>
Имя: ПолеВыбораЯзыкаПрограммирования
Заголовок: Языки программирования
ЗамещающийТекст: Выберите языки программирования
СписокВыбора:
    -
      Тип: ЭлементСпискаЗначений<Строка>
      Значение:
        Тип: Строка
        Значение: Python
      Представление: Python
    -
      Тип: ЭлементСпискаЗначений<Строка>
      Значение:
        Тип: Строка
        Значение: Java
      Представление: Java
    -
      Тип: ЭлементСпискаЗначений<Строка>
      Значение:
        Тип: Строка
        Значение: CSharp
      Представление: C#
    -
      Тип: ЭлементСпискаЗначений<Строка>
      Значение:
        Тип: Строка
        Значение: Cpp
      Представление: C++
дополнительно

При привязке значений для свойства СписокВыбора через биндинг необходимо указывать тип значений для поля ввода как Массив<Тип?>, например:

Тип: ПолеВвода<Массив<Строка?>>
Заголовок: Выбор строк
СписокВыбора: =ПолучитьСтрокиВыбора()

См. также​

Последнее обновление